Visual Studio Code 怎么安装插件
1、首先打开vscode软件，点击左边按钮中的插件按钮，进去后这里有个搜索框，软件默认也会推荐一些插件，可以根据需要安装。如果是精确的安装一个插件，可以点击上方的搜索按钮搜素：
2、比如搜素一款能够同步vscode设置的名叫Settings Sync的插件，输入搜索词后，下方会展示搜索结果，点击进入插件说明，在右边的界面上点击安装按钮：
3、等待数秒安装完毕后，点击重新加载才能使它生效：
4、重启vscode后，插件就安装成功了，此时很多插件会在右下角弹出提示框。以上就是Visual Studio Code 安装插件的方法：
八个提高效率的VSCode必备扩展插件
Visual Studio Code 是用于构建当前 Web 应用程序的源代码编辑器。它是一个免费的开源管理器。它支持可用于 Web 应用程序改进的各种增强功能。这里是提高工作效率的10个必备VSCode 扩展：
1. 代码拼写检查器
一个基本的拼写检查器，适用于驼峰式代码。
此拼写检查器的目标是帮助捕获常见的拼写错误，同时将误报数量保持在较低水平。
2. Compareit
Compareit 扩展可帮助您比较两个文件，您可以从当前项目和计算机或剪贴板上的其他目录中进行选择。
3. stepsize
有时您会遇到技术债务或其他应该修复的技术问题。您可能没有时间立即修复它，但您想让它可见并提出问题。
Stepsize 允许您为代码添加书签、直接从编辑器跟踪技术债务以及创建 TODO。它还允许您与您的团队成员协作进行维护和重构工作。
直接从 VSCode 报告技术债务
4. WakaTime
WakaTime 允许您查看从您的编程活动自动生成的指标、见解和时间跟踪。
您将准确了解编码花费的时间，因为它会在您开始和停止输入时自动跟踪，并提供项目、文件、分支、提交/PR、功能等的详细指标。
5. Quokka.js
Quokka.js 是用于快速 JavaScript / TypeScript 原型设计的开发人员生产力工具。运行时值会在您键入时更新并显示在您的代码旁边。它使 JavaScript / TypeScript 的原型设计、学习和测试速度更快。
6. Chrome 调试器
在 Chrome 浏览器或任何其他支持 Chrome 调试器协议的目标中调试您的 JavaScript 代码
7. 剪贴板 历史
保留复制项目的 历史 记录，并在需要时重新粘贴。
8. 配置文件切换器
允许您在您创建的不同配置文件之间切换。此扩展允许您表征各种设置配置文件，而无需在它们之间进行太多拉伸切换。
以上插件下载：八个提高效率的VSCode必备扩展插件
38、VS code必备前端插件
安装完成后，默认显示英文，我们可以通过安装中文语言包插件来显示中文，操作如下：
打开vscode，点击插件图标（或 + + X），在搜索框中输入“chinese”，安装
使用快捷键“ + + P”打开vscode的命令框，输入 display ，点击“Configure Display Language”，切换语言
如果不喜欢VS code本身的主题色，也可以更换默认主题，在命令框中输入 color theme ，回车，会进入主题列表，通过上下键切换主题，还不满足，没关系，点击安装其他颜色主题，在左侧会出现各式各样的主题插件，选择一个安装即可。
推荐一款图标插件 vscode-icons ，安装成功后，会根据不同的文件类型添加不同的图标样式，看起来会更有趣。
自动闭合 HTML/XML 标签
自动重命名 HTML/XML 标签
解析CSS并自动添加前缀
用于着色匹配括号，让你的代码分层更清晰
运行代码片段或多种语言的代码文件
源代码拼写检查器，提示代码中单词拼写错误
允许查看css，并从HTML文件定位到css文件，文件定义跳转
支持.env文件语法，高亮显示
在VS code中绘制流程图，随时记录你的idea，不要太方便
代码格式校验工具，配合项目中的校验规则，实现保存时格式化代码，开发必备，你值得拥有！
配置文件，在setting.json中添加，可以参考一下
突出显示匹配的标签
当你引入时在左侧会显示图片的缩略图，方便预览
在编辑器中展示引用包的大小，让你更了解你引入的包
帮助你更快速的添加console和删除console，确实方便
在vscode中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言,功能强大，灵活方便，文档齐全，食用简单！
代码插件，在导入语句中自动完成NPM模块
允许你在默认浏览器或应用程序中打开当前文件。
自动识别文件路径，引用更方便
非常喜欢的一款代码格式化工具，在项目中也可以配置自己的规则
方便svg文件预览
快速搜索编辑器中添加的标签，如todo和fixme，并在资源管理器窗格中的树视图中显示。单击树中的todo将打开文件并将光标放在包含TODO的行上。
突出显示尾随空格并快速删除它们！
你的代码很强大，释放它！
......
大家有什么好用的插件，也可以推荐一下哈~
vscode插件一键部分开启
vscode插件一键部分开启具体步骤如下：
1、打开vscodesetting，搜索docsToolimagepng。
2、输入一段脚本。
3、重启一下vsCode就生效了。
4、vscode是一种简化且高效的代码编辑器，同时支持诸如调试，任务执行和版本管理之类的开发操作。
用vscode怎么运行到微信小程序
1、在小程序开发工具中把项目搭建好。
2、在vscode中打开建好的小程序项目，这个时候小程序项目目录下面会生成几个文件夹，注意别提交到svn里面。
3、进行小程序的插件安装，先搜索安装vscodeweappapi，这是小程序的语法结构api。
4、安装vscodewxml这个插件即可。
VSCode插件推荐-使用NPM-scripts实现侧边栏查看scripts脚本并一键执行
在进行项目开发时会在package.json的scripts配置一些执行脚本
每次启动项目或者打包项目时，都需要打开终端，并手动输入npm run dev等指令，不同的项目配置的脚本指令可能又不相同，这里我们可以借助vscode的npm-scripts插件实现scripts的快速预览并一键执行，首先在插件市场，搜索npm-scripts
脚本执行默认为auto，需要进行修改才行
打开设置
搜索 package manager，将auto都改为npm就可以了
完成以上设置后，就可以直接使用侧栏的NPM SCRIPTS启动命令了
