2020-06-18 一些前端开发环境配置记录

配置环境一般换新环境或者重装电脑的时候才会去做一次，久而久之有些东西记得不太清楚，故记录一下供自己参考。
需要安装/配置的有vs code，cmder，nodejs，git（安装了cmder就无须再单独安装git，因为cmder包含了git bashgit --version查看git版本），yarn，ssr，
chrome科学fq插件使用：
https://github.com/sun-shadow/Surf_the_Internet/blob/master/%E6%8F%92%E4%BB%B6%E7%AF%87.md

---

vs code配置：
搜索chinese，安装汉化插件，重启生效
自动保存：Auto Save:onFocusChange
自动格式化Format On Save（手动格式化代码快捷键：shift + alt + f）

---

cmder（取代git bash）配置：
解压到文件夹后双击cmder.exe运行，点击右下角进入setting：

1.png

宽度高度根据自己需要自行修改百分比

3.png

如果保存语言有问题就多保存几次或者修改一下配置文件：

5.png

6.png

7.png

将cmder启动方式设置为bash：

8.png

11.png

---

nodejs：推荐10
安装的注意事项就是安装路径不要有空格（其实就提醒你别默认安装到c盘的Program Files，建议d盘建个software目录，cmder，node都装在这里面）
安装完就有了node，npm和npx
查看版本：node --version npm --version npx --version
安装nrm（nrm是 NPM 源管理器，允许你快速地在 NPM 源间切换） npm i -g nrm或npm i -g nrm --registry=https://registry.npm.taobao.org
然后 nrm use taobao，就使用淘宝源了

---

yarn：
搜索yarn进入下载安装（建议fq，不然有点慢），安装目录同样建议d/software
yarn --version（有增加path的都要重启cmder）
安装镜像源修改：yarn global add yrm
yrm ls查看源
yrm use taobao修改源

---

vscode和cmder配合配置：
1.ctrl + shift + p打开设置json
增加

"git.enabled": true,
"git.path": "D:\\Software\\cmder\\vendor\\git-for-windows\\cmd\\git.exe",
"terminal.integrated.shell.windows": "D:\\Software\\cmder\\vendor\\git-for-windows\\bin\\bash.exe",

路径请根据你自己安装cmder的路径填写

---

git配置：
git config --global user.name 你的英文名
git config --global user.email 你的邮箱
git config --global push.default simple
git config --global core.quotepath false
git config --global core.editor "code --wait"
git config --global core.autocrlf input
六句话运行一遍
git config --global --list查看是否配置好

---

安装vue脚手架（vuecli）
yarn global add @vue/cli
查看版本：
vue --version