前端开发环境搭建及vscode插件推荐

前端开发环境搭建及vscode插件推荐

1.node环境安装

node下载地址: https://nodejs.org/en

根据自己电脑，选择Windows或是macOS，下载完成后一键傻瓜式安装即可

然后cmd打开窗口后，输入node -v查看是否安装成功
node安装好后自带npm

2.git安装

git下载地址：https://git-scm.com/

直接桌面右键，如果看见这两，说明成了

3.vscode安装

vscode下载地址：https://code.visualstudio.com/

同样，根据电脑选择下载，再一键傻瓜式安装就好

vscode插件安装推荐：

1.vscode-icons

美化图标，个人觉得比自带的好看多了

2.Chinese (Simplified) (简体中文) Language Pack for Visual Studio

搜个Chinese就出来了，汉化，不用多说

3.Git Graph

可视化查看存储库的 git操作

4.GitLens — Git supercharged

这个虽然要付费，但是还是有好些个功能是不付钱也能用的

5.Prettier - Code formatter

格式化代码

6.Auto Close Tag

新增标签时，自动闭合标签，就不怕自己写了前面忘了后面

7.Auto Rename Tag

同时修改开始和结束标签，避免只修改了开始标签，而忘记修改结束标签

8.Color Highlight

让编辑器中颜色高亮显示

9.Path Intellisense