VSCode 插件

最常用快捷键：

Ctrl + shift + p : 列出所有可用命令。

 

1、vscode-icons

作用：在左侧项目目录添加不同icon，让目录和文件类型更加直观。

安装完后需要配置：File > Preferences > File Icon Theme > VSCode Icons.

 

2 、Project Manager

作用：更加高效的管理项目

常用功能：

• 项目保存：Ctrl + shift + p ---> 输入project --->Save Project
• 项目加载：Ctrl + shift + p ---> 输入project --->Refresh Projects
• 项目切换： alt + shift + p ---> 选择项目

项目只有在保存后才能出现在项目切换目录。项目保存后再左边栏会多出project的一个项目，也可以点进去选择要切换的项目。

 

3、Beautify

作用：格式化代码

Ctrl + shift + p ---> beautify

 

4、Code Runner

作用：一键搭建各种语言的测试环境

ctrl + alt + n;

 

5、ESlint

作用：检查代码规范

使用：

安装插件 ---> 全局安装eslint (npm init eslint -g)  ---> 在项目下执行 eslint --init (前提是在有package.json文件的目录下)

 

6、Debugger for Chrome

作用：在vscode下调试代码（集成chrom的调试环境）

使用：

安装插件 ---> 文件打断点 ---> 左侧栏选择‘调试’ ---> 添加配置 ---> lanch.json 添加配置项

注意：lanch 模式和 attch模式，不同的是 lanch模式会重新 ‘启动 Chrome 并打开 localhost’ ，attch模式则会关联已经打开的chrom浏览器页面。

 

7、  npm、npm IntelliSense、path IntelliSense、IntelliSense for CSS class names in HTML

作用：代码提示