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
2spaces, etc. huskywill check over code quality with the linters b4 there is a successfulcommit.webpackto 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.