Please follow the below instructions to update node in your machine:
- Update npm
npm install npm@latest -g
- Clear npm cache
npm cache clean -f
- Install n
npm install -g n
- Update node to latest version
n latest
- With Homebrew
brew update brew upgrade node
Please follow the below instructions to install or update yarn in your machine.
- Install yarn
npm install -g yarn
- Update yarn
yarn set version latest
- Install yarn
brew install yarn
- Update yarn
brew update brew upgrade yarn
In order to follow along the tutorial series, I recommend you to use Visual Studio Code Editor and install & apply the below extensions and settings.
Install the below extensions:
Go to your Visual Stuido Code settings.json
file and add the below settings there:
// config related to code formatting
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"[javascript]": {
"editor.formatOnSave": false
},
"prettier.disableLanguages": ["javascript"],
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
"source.organizeImports": true
},
"eslint.alwaysShowStatus": true
In order to lint and format your code automatically according to popular airbnb style guide, I recommend you to follow the instructions as described in video. References are as below.
yarn add -D eslint prettier
npx install-peerdeps --dev eslint-config-airbnb-base
yarn add -D eslint-config-prettier eslint-plugin-prettier
Create a .eslintrc.json
file in the project root and enter the below contents:
{
"extends": ["prettier", "airbnb-base"],
"parserOptions": {
"ecmaVersion": 12
},
"env": {
"commonjs": true,
"node": true
},
"rules": {
"no-console": 0,
"prettier/prettier": [
"error",
{
"trailingComma": "es5",
"singleQuote": true,
"printWidth": 100,
"tabWidth": 4,
"semi": true
}
]
},
"plugins": ["prettier"]
}
Sumit Saha - sumit@learnwithsumit.com
Project Link: https://github.com/learnwithsumit/nodejs-basic-bangla
Youtube Channel: https://youtube.com/LearnwithSumit