Use of this starter template assumes that you have a 'complete dev environment' setup - a terminal, Node, VS Code, at least. If not, you may want to start here.
- . I have adjusted this slightly as per this
commit
. More may be forthcoming as feedback and PRs trickle in. - Stylelint for CSS linting. I am including the 'standard configuration' with some additional rules to keep things alphabetical, indented with
2
spaces, etc. husky
will check over code quality with the linters b4 there is a successfulcommit
.webpack
to allow the use of modern EcmaScript Modules- Various VS Code 'settings' and 'extensions.' Look in the bottom right when you open this up in VS Code to install them.
- For 'nice' fonts, I recommend using Victor Mono.
- Kite ๐ช is also included. I personally recommend it, but it's certainly not compulsory to set this up.
- Probably some other stuff I'm 4getting about for now ๐คท๐ฝโโ๏ธ
Run npm i
to get all the things installed.
npm run serve
will ๐ฅ up an instance of browser-sync
. You just write your front-end code and watch things update on your 'local web server.' ๐ฆ
Meanwhile, you will get alerted whenever there is something 'bad' in your code based on the aforementioned ๐๐ฝ linting. ๐ฆ
- For fonts, I set 'Victor Mono' by default. You might also install: 'Inconsolata' or 'Source Code Pro' - or completely change that in .vscode/settings.json, if you know what you are doing!
โ ๏ธ - As you get more comfortable, of course you can modify all the things as you C fit.
- One of the included VS Code Extensions allows us to easily alphabetize some parts of our code; for instance, CSS ๐ rules. Just highlight the appropriate block of rules and press 'F9.' See more deets here.
Reach me on Twitter for โs or discussion.
If it's an actual issue... open 1.