VS Code环境准备全

一、环境工具：

VS code

下载和安装

Download Visual Studio Code - Mac, Linux, Windows

Node.js

下载和安装

官网：Node.js

二、插件安装

#Auto Close Tag 
写HTML时候自动生成闭合标签
#Auto Rename Tag 
修改HTML开始标签自动修改结束标签
#Chinese(Simplified) Language Pa..
简体中文语言包
#HTML CSS Support
高亮显示HTML css代码
#Live Server
内置服务器 相当于tomcat 直接右键运行即可
#Node.js Modules Intellisense
提高node.js的模块开发开发效率的
#open in browser
也是一个运行工具 有的电脑不兼容#Live Server 可以使用这个 推荐使用 #Live Server
#Prettier - Code formatter
代码格式化工具
# Search node_modules
node.js模块化开发 智能提示代码的一个工具
#Vetur
帮助vue.js代码开发提高效率
#VueHelper
帮助vue.js代码开发提高效率

三、其他设置

插件安装、配置信息弄好之后 需要重启生效

四、其他细节注意

1. VS Code终端打开的时候 重命名文件夹没有用！！！必须关闭才可以

2. vs code 资源管理器怎么树状展开

还有一个细节就是 安装好node.js环境的时候 在VS Code界面是可以直接使用终端 然后使用命令

node demo.js 出现这样的错误

解决：

如图 如果不能使用node命令的话 先去cmd命令窗口测试一下 直接cd到文件处 在cmd界面使用node 命令进行测试 如果可以 就说明node.js安装没有问题 然后来到code的安装路径文件中 右键code.exe 找到兼容性 勾选管理员运行 重启一下即可

当然后面查阅资料得知安装code是有两种版本一种users版本 解压就能使用会出现上图的问题

如果是另一个版本就是安装程序版本的话 应该没有这样的问题 两者区别应该就是 前者解压快速使用，后者安装稳定使用