Francos
CRA a laUsage:
npx crancos [--ts] [project-name]
Bootstraps an environment analogous to create-react-app, but with Snowpack and Tailwind
Please NB the CSS file sets up all divs with display: flex;
The above command will run a script that:
-
Runs
create-snowpack-app
(this is more specifically analogous tocreate-react-app
) -
Installs
npm
packages and sets up config files necessary for Tailwind (including Xeevis' patch for getting jit working with snowpack) -
Installs react-icons
-
Adds some CSS that
-
sets all divs to use
display: flex
by default -
creates a
grid-overlay
class fordiv
superimposition sansrelative
/absolute
-
-
Replaces the default CRA page with a more minimal one (which demonstrates
grid-overlay
) -
Opens up your main App file in vscode (if it's installed)
-
Takes under 30 seconds on my 2017 Core i7