In this project, I set up a "Hello world" repository. The goal here is to master all of the tools and best practices I have learned about in previous steps. I will be using them in all Microverse projects and most likely in my future job as well.
This link could be useful. It has two videos following the steps (there is no sound though).
-
Create a repository, activate actions workflow, it creates a blank.yml file.
-
Clone repository and make a branch.
-
Create index.html, styles.css files and link index with styles.css
-
It has to be previously installed node in the computer.
-
In the terminal write the following commands (It could take a while for each one).
-
These are to install and test Stylelint
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
npx stylelint "**/*.{css,scss}"
-
These are to install and test Webhint
npm install --save-dev [email protected]
npx hint .
-
These are to install and test Lighthouse
npm install -g @lhci/[email protected]
lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=.
-
-
There must be included node_modules folder in the .gitignore file.
-
Stage, commit and push the files to github.
-
Make a pull request and merge when all linters have been aproved.
npx stylelint "**/*.{css,scss}" --fix