# W4 Collaboration ## Linter - Code Style Formatter ### Popular Linter - ESLint (We'll use this) - prettier - JSLint To add eslint to your NodeJS project. ```console npm install -g eslint eslint --init eslint . --fix ``` ✔ How would you like to use ESLint? <font color=red>style</font> ✔ What type of modules does your project use? <font color=red>esm</font> ✔ Which framework does your project use? <font color=red>react</font> ✔ Does your project use TypeScript? <font color=red>No</font> ✔ Where does your code run? <font color=red>browser</font> ✔ How would you like to define a style for your project? <font color=red>guide</font> ✔ What format do you want your config file to be in? <font color=red>JavaScript</font> ### Prop types https://ithelp.ithome.com.tw/articles/10195602 ## Version Control - Contribution maintenance ### Popular Version Control Software - git (We'll use this) - hg - svn ```console git init ``` ```console git status ``` ```console git diff --staged ``` ```console git clone https://XXX/XX.git/ ``` ```console git add . git commit ``` ```console # nano Ctrl + O # Write Out Ctrl + X # Exit ``` ```console git config --global user.email "you@example.com" git config --global user.name "Your Name" ``` ```console git pull git push ``` > [name=堅哥(拖稿的漫畫家)][color=rgb(255,0,0)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(255,128,0)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(255,255,0)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(128,255,0)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(0,255,0)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(0,255,128)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(0,255,255)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(0,127,255)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(0,0,255)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(127,0,255)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(255,0,255)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(255,0,128)] 我都會了，不懂可以問我ㄛ :) > [name=堅哥(拖稿的漫畫家)][color=rgb(255,0,0)] 我都會了，不懂可以問我ㄛ :)