VSCode开发环境配置与插件安装指南.pdfVIP

1.安装

vscode

2.安装开发vue所需的插件:

Vetur——语法高亮、智能感知、Emmet等

包含格式化功能,

Alt+Shift+F（格式化全文），Ctrl+K

Ctrl+F（格式化选中的

代码，两个Ctrl键需要同时按下）

EsLint——语法纠错

Chrome调试器——将vscode上的断点映射到chrome上，便于调试（配置有

些繁琐，实际上我没有使用这个插件）

1.安装vscode

2.安装开发vue所需插件：

Vetur——语法高亮、智能感知、Emmet等

包含格式化功能，Alt+Shift+F（格式化全文），Ctrl+KCtrl+F（格式化选中

代码，两个Ctrl需要同时按着）

EsLint——语法纠错

DebuggerforChrome——映射vscode上的断点到chrome上，方便调试

（配置有点，其实我没用这个）

自动闭合

——

自动闭合HTML/XML

自动重命名——自动同步修改另一侧的

JavaScript(ES6)代码片段——ES6语法智能提示以及快速输入，除了.js文件之

外，还支持.ts、.jsx、.tsx、.html、.vue等文件类型，无需额外配置即可识别

这些包含JavaScript代码的文件。

Auto