一、环境工具:
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版本 解压就能使用会出现上图的问题
如果是另一个版本就是安装程序版本的话 应该没有这样的问题 两者区别应该就是 前者解压快速使用,后者安装稳定使用