一、安装vscode
vsocode安装
二、安装node
node安装
三、安装git
git安装
四、安装nvm
前往这个github下载nvm-setup.zip
五、安装nrm

npm install -g nrm
nrm ls
nrm use taobao

六、安装Sourcetree
下载安装sourcetree
七、vscode插件

1. Chinese (Simplified) Language Pack for Visual Studio Code
   设置中文显示
2. open in browser
   从浏览器中查看html文件，使用系统的当前默认浏览器
3. One Dark Pro
   设置vscode的颜色，这个颜色比默认的黑色更淡，对眼睛没有那么的刺眼
4. Auto Close Tag
   自动补全html标签
5. Auto Import
   自动导入包插件
6. Auto Rename Tag
   重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签
7. Bookmarks
   书签插件，可以对代码的行数做标记，能快速找到自己做标记的代码，并且通过快捷键能快速的找到上下标记的地方（建议：最好默认改一下这个书签的快捷键，因为书签的默认快捷键是三个键不太方便。快捷键设置：文件 - 首选项 - 键盘快捷方式 - 搜索“”书签”）
8. Bracket Pair Colorizer
   为代码中的括号添上一抹亮色，可以快速的看到对应的括号的颜色，一个颜色对应一对括号
9. Code Spell Checker
   代码拼写检查，可以检查出你书写的代码是否是一个单词
10. ESLint
    安装了，可以配置对应的settings.json文件，共享setting.json文件可以使得整个项目的代码风格统一
11. GitLens — Git supercharged
    git源代码管理插件，可以看到每一行的提交信息，也可以看到这个文件的变动情况
12. HTML CSS Support
    智能提示CSS类名以及id
13. Image preview
    前端开发图片预览插件 Image preview（支持css预览 支持svg格式）一款提高前端开发效率的插件 ，代码中hover直接预览图片
14. IntelliSense for CSS class names in HTML
    这个插件可以智能提示html标签的类名 在我们使用第三方类的时候,可以智能的提示
15. Vetur
    vue的语法高亮
16. HTML Boilerplate
    HTML5的代码模板 创建html文件后输入html即可使用

其他推荐软件：

1. snipaste（截图软件，可以固定图片在上方的）
   下载安装路径
2. 向日葵（远程软件）
   下载路径
3. typora（md编写查看软件）
   下载路径
4. ScreenToGif（录屏，可以转换成gif图）
   下载路径
5. notepad++ （可以在那里打开记事本 里面可以有格式）
   下载路径