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

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促使软件起效。

20 前面常见的vscode软件(汇总建议)

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

20 前面常见的vscode软件(汇总建议)

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

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

1.Auto Close Tag (必不可少)

全自动合闭HTML/XML标识

20 前面常见的vscode软件(汇总建议)

2.Auto Rename Tag (必不可少)

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

20 前面常见的vscode软件(汇总建议)

3.Beautify (必不可少)

恢复出厂设置 html ,js,css

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

20 前面常见的vscode软件(汇总建议)

另一款 Prettier

恢复出厂设置JavaScript / TypeScript / CSS

配备实例教程 戳这儿

20 前面常见的vscode软件(汇总建议)

  4.Bracket Pair Colorizer (必不可少)

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

20 前面常见的vscode软件(汇总建议)

  5.Debugger for Chrome (建议)

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

调节方式戳这

20 前面常见的vscode软件(汇总建议)

  6.ESLint (建议)

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

20 前面常见的vscode软件(汇总建议)

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

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

使用方法

20 前面常见的vscode软件(汇总建议)

  8.HTML CSS Support (必不可少)

  智能化提醒CSS类名及其id

20 前面常见的vscode软件(汇总建议)

  9.HTML Snippets (必不可少)

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

20 前面常见的vscode软件(汇总建议)

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

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

20 前面常见的vscode软件(汇总建议)

  11.jQuery Code Snippets (建议)

  jQuery编码智能化提醒

20 前面常见的vscode软件(汇总建议)

  12.Markdown Preview Enhanced (建议)

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

20 前面常见的vscode软件(汇总建议)

  13.markdownlint (建议)

  markdown语法纠错

20 前面常见的vscode软件(汇总建议)

  14.Material Icon Theme (建议)

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

极简风格是不用的

20 前面常见的vscode软件(汇总建议)

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

20 前面常见的vscode软件(汇总建议)

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

20 前面常见的vscode软件(汇总建议)

  15.open in browser (必不可少)

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

20 前面常见的vscode软件(汇总建议)

设定默认浏览器

20 前面常见的vscode软件(汇总建议)

  16.Path Intellisense (必不可少)

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

20 前面常见的vscode软件(汇总建议)

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

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

20 前面常见的vscode软件(汇总建议)

填补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开发人员必不可少。

20 前面常见的vscode软件(汇总建议)

填补 2个:

1) VueHelper

vue代码精彩片段

2) Vue TypeScript Snippets

vue的 typescript 编码精彩片段

3) Vue 2 Snippets

vue 2编码精彩片段

19.Dracula Official (建议)

  很好看的一款主题元素

20 前面常见的vscode软件(汇总建议)

那样的

20 前面常见的vscode软件(汇总建议)

20.filesize (掌握)

  查询图片大小

20 前面常见的vscode软件(汇总建议)

20 前面常见的vscode软件(汇总建议)

20.HTMLHint(掌握)

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

20 前面常见的vscode软件(汇总建议)

21. Class autocomplete for HTML (建议)

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

20 前面常见的vscode软件(汇总建议)

22. IntelliSense for CSS class names (建议)

智能化提醒 css 的 class 名

20 前面常见的vscode软件(汇总建议)

23. Npm Intellisense(node必不可少)

require 时的包提醒

20 前面常见的vscode软件(汇总建议)

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

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

大量程序编写有关专业知识,请浏览:编程视频!!

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

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:20 前面常见的vscode软件(汇总建议)发布于2021-12-14 16:45:02