20 前面常见的vscode软件（汇总建议）

WWW.lllT.neT这篇文章内容给各位汇总共享20好几个前面常见的vscode软件。有一定的实用价值，有须要的小伙伴可以参照一下，期待对各位有些协助。

1. vscode 介绍

vscode是微软公司开发设计的的一款文本编辑器，就如官网站说的一样，vscode彻底改变（redefined）了文本编辑器。【建议学习培训：《vscode教程》】

当今目前市面上常见的轻形代码编辑器主要是：sublime，notepad ，editplus，atom这几类。

相比notepad 、editplus，vscode集成化了很多IDE才具备的作用，相比他们更像一个文本编辑器；

相比sublime，vscode长相高些，组装配备软件更加便捷；

相比atom，vscode运行速率更快，开启各种各样大文件流畅。

可以说，vscode既有着高可玩性、又有着性能高和颜值爆表，最核心的是，vscode或是一款完全免费而且有精英团队不断迅速升级的文本编辑器。

可以说，vscode是文本编辑器的优选。本人建议撰写前端代码时，文本编辑器挑选vscode，IDE挑选WebStorm。

vscode组装软件只必须点击图片所显示按键，就可以进到扩展，在输入框中键入软件名点一下组装后，等候组装好就可以点一下重新加载重新启动vscode促使软件起效。

如果你不用某一软件时只必须进到拓展，点一下相匹配软件右下方的传动齿轮按键就可以挑选禁止使用或卸载掉该软件。

2. 前面常见软件 (ps: 必不可少 > 建议 > 掌握)

必不可少的一定要装, 建议的看自身必须, 掌握的并不装 !!!

1.Auto Close Tag (必不可少)

全自动合闭HTML/XML标识

2.Auto Rename Tag (必不可少)

全自动进行另一侧标识的同歩改动

3.Beautify (必不可少)

恢复出厂设置 html ,js,css

　　vue 里边配备方式和键盘快捷键配备 戳这儿

另一款 Prettier

恢复出厂设置JavaScript / TypeScript / CSS

配备实例教程 戳这儿

　　4.Bracket Pair Colorizer (必不可少)

　　给引号再加上不一样的色调，有利于区别不一样的区块链，使用人可以设定不一样引号种类和不一样色调

　　5.Debugger for Chrome (建议)

　　投射vscode上的中断点到chrome上，便捷调节

调节方式戳这

　　6.ESLint (建议)

　　js语法改错，可以自定配备，但是配备比较繁杂，提议应用在网上一些普遍采用的eslint配备，日后我就会针对eslint配备写一篇文章。

　　7.GitLens(应用git的必不可少)

　　便捷查询git日志，git中重度使用人必不可少

使用方法

　　8.HTML CSS Support (必不可少)

　　智能化提醒CSS类名及其id

　　9.HTML Snippets (必不可少)

　　智能化提醒HTML标识，及其标识含意

　　10.JavaScript(ES6) code snippets (必不可少)

　　ES6英语的语法智能化提醒，及其迅速键入，不仅适用.js，还适用.ts，.jsx，.tsx，.html，.vue，省掉了配备其适用各种各样包括js代码文档的時间

　　11.jQuery Code Snippets (建议)

　　jQuery编码智能化提醒

　　12.Markdown Preview Enhanced (建议)

　　即时浏览markdown，markdown使用人必不可少

　　13.markdownlint (建议)

　　markdown语法纠错

　　14.Material Icon Theme (建议)

　　vscode标志主题风格，适用拆换不同类色的标志，非常值得点出的是，该软件升级极为经常，基本上和vscode升级工作频率保持一致

极简风格是不用的

另一套 文件目录树标志主题风格 vscode-icons

操作方法,配备如下所示json

　　15.open in browser (必不可少)

　　vscode并不像IDE一样可以立即在网页中开启html，而该软件适用键盘快捷键与鼠标点击迅速在网页中开启html文档，适用自定开启其他的电脑浏览器，包含：Firefox，Chrome，Opera，IE及其Safari

设定默认浏览器

　　16.Path Intellisense (必不可少)

　　全自动提醒文件路径，适用各种各样迅速引进文档

　　17.React/Redux/react-router Snippets (建议)(react必不可少)

　　React/Redux/react-router英语的语法智能化提醒

填补2个

1) React-Native/React/Redux snippets for es6/es7

react编码精彩片段，在线下载总数很多

2) react-beautify

恢复出厂设置 javascript, JSX, typescript, TSX 文档

　　18.Vetur (建议)(vue必不可少)

　　Vue多用途集成化软件，包含：英语的语法高亮度，智能化提醒，emmet，报错，恢复出厂设置，全自动补齐，debugger。vscode官方网钦定Vue软件，Vue开发人员必不可少。

填补 2个:

1) VueHelper

vue代码精彩片段

2) Vue TypeScript Snippets

vue的 typescript 编码精彩片段

3) Vue 2 Snippets

vue 2编码精彩片段

19.Dracula Official (建议)

　　很好看的一款主题元素

那样的

20.filesize (掌握)

　　查询图片大小

20.HTMLHint(掌握)

　　 静态数据查验标准 实际标准戳这

21. Class autocomplete for HTML (建议)

智能化提醒HTML class =“”特性（必不可少）

22. IntelliSense for CSS class names (建议)

智能化提醒 css 的 class 名

23. Npm Intellisense(node必不可少)

require 时的包提醒

假如也有好的软件我能随时随地填补 ~~~

vscode 官方网插件库：https://marketplace.visualstudio.com/vscode

大量程序编写有关专业知识，请浏览：编程视频！！

以上便是20 前面常见的vscode软件（汇总建议）的详尽具体内容，大量请关心自学java网其他相关文章！

WWW.lllT.neT