---
# System prepended metadata

title: W4 Collaboration

---

# 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)] 我都會了，不懂可以問我ㄛ :)