首页 / VSCODE / vsCode 常用插件

vsCode 常用插件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vsCode 常用插件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1819字，纯文字阅读大概需要3分钟。

内容图文

记录一下所用的插件

1. auto close tag

自动关闭标签，在开始标记的结束括号中键入后，将自动插入结束标记

2. Auto Comment Blocks

自动插入注释行

3. Auto Rename Tag

自动重命名配对的HTML / XML标记

4. Auto Complete Tag

结合了自动关闭标签与同时修改同步标签

5. Beautify

美化代码参考资料

6. Code Runner

可以直接运行多种语言的代码片段和文件

7. Code Spell Checker

代码拼写检查工具

8. Drat

支持 Dart编程语言，并提供有效编辑，重构，运行和重新加载Flutter 移动应用程序和AngularDartWeb应用程序的工具。

9. Debugger for Chrome

从VS Code调试在Google Chrome中运行的JavaScript代码。

10. EditorConfig for VS Code

      EditorConfig帮助开发人员定义和维护一致的编码风格在不同的编辑器和IDE。
      EditorConfig项目包含一个文件格式定义编码风格和文本编辑器插件的集合。
      EditorConfig文件易于阅读并且他们与版本控制器很好地合作。

11. ESLint

代码检查工具

12. filesize

实时查看当前文件的大小

13. Flutter

Flutter移动应用程序的支持，以及对Dart编程语言的支持。

14. Git History

查看git历史与log，搜索等（包括git log）

15. GitLens — Git supercharged

GitLens只是帮助您更好地理解代码。快速浏览一下，为什么以及何时更改了行或代码块。跳过历史记录，以获得有关代码演变的方式和原因的进一步见解

16. IntelliSense for CSS class names in HTML

CSS 类名智能提示，可以在html与css中进行智能提示

17. HTMLHint

HTML 静态检查规则

18. Image preview

在左侧可以预览图片和悬停中显示图片

19. Import Cost

在VS代码编辑器中导入的程序包的大小

20. JavaScript (ES6) code snippets

ES6的代码片段

21. JavaScript Snippet Pack

JS代码片段补全

22. language-stylus

Stylus文件添加语法高亮

23. stylelint

格式化css代码
配置参考https://stylelint.io/user-guide/configuration/

24. minapp

微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）

25. Node.js Modules Intellisense

在import语句中自动完成Node.js模块

26. Open in Browser

在vscode中打开浏览器访问

27. Path Intellisense

自动路径补全

28. Prettier - Code formatter

格式化代码

29. Pug (Jade) snippets

pug语法提示

30. Scss

缩进Sass语法高亮

31. TypeScript Importer

自动搜索工作空间文件中的TypeScript定义，并将所有已知符号作为完成项提供，以允许代码完成。

32. Vetur

代码格式化

33. vscode-element-helper

用element的就知道它的好，支持element代码自动补全

34. vscode-icons

在vscode显示文件图标

35. vue 2 Snippets

vue 代码提示

36. Vue/Vuex TypeScript Snippets

支持typescript的代码提示与生成片段

37. VueHelper

vue 代码提示

转载：https://www.jianshu.com/p/fc4dcb2043f6
总结的不错，直接拿来用

原文：https://www.cnblogs.com/jack123/p/12875225.html

内容总结

以上是互联网集市为您收集整理的vsCode 常用插件全部内容，希望文章能够帮你解决vsCode 常用插件所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://www.qyyshop.com/info/1140465.html

来源：【匿名】

【上一篇】[vscode]插件推荐【下一篇】vscode适合哪些开发语言

更多 ►

【vsCode 常用插件】教程文章相关的互联网学习教程文章

VScode:保存格式化问题，ESLint插件和编辑器本身冲突【图】

我喜欢使用ESLint来保持我的代码的规范性，但是最近遇到问题：就是ctrl+s后变得如下：我已经解决了：发现原来是编辑器本身的格式化和插件带的格式化起冲突，因为我把两者同时启用：FormatOnSave，因此代码被格式化2遍，如何解决？1. VSCode左下角齿轮，设置，搜索：formatOnSave，如下，把勾去掉！ 2.确保ESLint的save auto format打开完美解决！原文：https://www.cnblogs.com/ww01/p/10756027.html

[vscode]插件推荐

字体微软加的连体字体 Cascadia Code插件C/C++Bracket Pair ColorizerIndenticatortabout翻译原文：https://www.cnblogs.com/tailiang/p/12410821.html

vsCode 常用插件

记录一下所用的插件1. auto close tag 自动关闭标签，在开始标记的结束括号中键入后，将自动插入结束标记2. Auto Comment Blocks 自动插入注释行3. Auto Rename Tag 自动重命名配对的HTML / XML标记4. Auto Complete Tag 结合了自动关闭标签与同时修改同步标签5. Beautify 美化代码参考资料6. Code Runner 可以直接运行多种语言的代码片段和文件7. Code Spell Checker 代码拼写检查工具8. Drat...

VSCode 插件

接下来便是安装真正协助我们开发的插件：Python　　：Python 语法的基本插件Beautify ：前端美化Code RunnerResource MonitorVisual Studio IntelliCodeChinese Language Packvscode-iconsDjango 　　：Django 的插件，用于模板中语法提示和补全，注意不是搜索出来的第一个，而是后面有个 1.0 版本的XML Tools ：整个 VSCode 都会用到的插件...

vscode行内样式提示插件【代码】

打开vscode，在软件界面左下角找到“齿轮”标志并点击，在弹出的菜单中选择“设置”，把下面的代码添加到设置里。{"workbench.colorTheme": "Code Blue","workbench.iconTheme": "vscode-icons","easysass.compileAfterSave": true, "easysass.formats": [ {"format": "nested","extension": ".css"},{"format": "nested","extension": ".css"}],"easysass.targetDir": "css/","files.autoSave": "afterDelay","git.path": "E:/Git...

VSCode 插件推荐

vscode-icons 用于项目中文件类型显示对应的图标，提高文件定位的效率。vscode-tslint 用于 TS 的规范检测Path Intellisense 用于提示导入文件时候的路径OneDark-Pro 黑色的编辑器主题ESLint JS 的代码规范检测beautify 进行代码的格式自动美化原文：https://www.cnblogs.com/jj81/p/8758897.html

VSCode 基本插件【图】

1.Bracket Pair Colorizer 使得结构线高亮2.Image preview 鼠标悬浮在链接上可及时预览图片3.JavaScript (ES6) code snippets ES6 语法智能提示，以及快速输入4.Chinese vscode编辑器汉化包5.GIT History 移动到代码单行即可看到修改时间及内容记录原文：https://www.cnblogs.com/dekui/p/14610837.html

在VScode上面使用sass的插件

先在VSCode上面安装插件：Live Sass Compiler 创建好scss文件夹文件和css文件夹然后在VSCode的控制台上打开Live sass watching模式（控制台的打开方式为：Ctrl+Shift+p）就可以编译scss代码了最后在VSCode的配置里修改css文件的输出目录配置css文件的输出目录先在设置里面找到liveSassCompile.settings.formats修改里面的默认配置项 "liveSassCompile.settings.formats": [{ "format": "expanded", "extensionN...

vscode自动修复eslint规范的插件及配置【代码】

在开发大型项目中，经常都是需要多人合作的。相信大家一定都非常头疼于修改别人的代码的吧，而合理的使用eslint规范可以让我们在代码review时变得轻松，也可以让我们在修改小伙伴们的代码的时候会更加清晰。但是往往在开发过程中由于我们个人习惯的不通经常会先关掉一些eslint的属性，又或者每个人对于eslint的配置也是不一样的，所以当我们统一配置eslint之后，我们可以通过vscode或者webstorm插件配置eslint规范，自动修改关于es...

VScode修改插件安装目录

用修改快捷方式 --extensions-dir [path] 的方式有一些问题使用右键=>通过code打开(也就是跳过快捷方式) 插件就不能用了所以用Windows链接来解决管理员权限打开cmd，利用mklink来创建目录符号链接把C:\Users\{username}\.vscode\extensions(默认插件位置)的extensions文件夹整个剪切到你想换的位置在cmd中输入mklink /D "C:\Users\{username}\.vscode\extensions" "剪切后的路径"(username即为你的账户的用户名)原文：https://www....

vscode 常用插件安装【图】

1.Auto Close Tag　　自动闭合HTML/XML标签　　2.Auto Rename Tag　　自动完成另一侧标签的同步修改　　3.Beautify　　格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则，例如：1234567{ "indent_size": 4, "indent_char": " ", "css": { "indent_size": 2 }}　　mac版vscode中beautify的默认格式化代码按键为cmd+b，也可以自定义快捷键　　4.Bracket Pair Colorizer　　给括号加上不同的颜色，便于区...

VSCode 必装的 10 个高效开发插件

mac安装vscodebrew cask install visual-studio-code本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件，用于大大提高软件开发的效率。VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」。VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。官网为：https://code.visualstudio.com/1. VSCode 的基本使用视...

vscode的括号颜色设置插件

1、首先打开Visual Studio Code，使用快捷键"Ctrrl + Shift + p"打开命令面板，输入"Extensions: Install Extension"，等待插件名列表加载；2、然后在输入框"EXTENSIONS"输入插件名 Bracket Pair Colorizer与Indent Rainbo，点击安装；这两个插件可以让不同缩减的括号显示不同的颜色。3、安装完毕点击启用，并重启VSCode即可。原文：https://www.cnblogs.com/1179929172-zh/p/12896203.html

vscode之常用插件

IntelliSense for CSS class names in HTMLDebugger for ChromeOne Dark Pro 编码主题HTML SnippetsAuto Rename Tag 改标签时自动修改闭合标签Auto Close Tag 自动闭合标签JavaScript (ES6) code snippetsMaterial Icon ThemeHTML CSS SupportCSS Peek html和css中关联css的跳转Path Autocomplete 路径智能补全Path Intellisense 路径智能提示beautify 格式化代码，JSON|JS|HTML|CSS|SCSSPrettier - Code formatter 格式化代码Book...

vscode常用的插件安装【图】

文章目录第一个 Chinese （Simplified ） Language Packet for——更改中文第二个 code runner——在集成终端运行代码第三个 bracket-pair-colorizer2——匹配括号和颜色识别，以便快速定位代码第四个 Auto Rename Tag——自动修改HTML/XML中的标签第五个 Indent-rainbow——自动缩进第六个 Prettier code formatter 2 ——默认格式化第七个 Emmet——使用简写，快速写出整个代码第八个Live Server第九个 Python 第一个 Chinese （...

插件 - 相关标签

插件怎么安装

VSCODE - 最热教程

vsCode安装使用教程和插件安装方法 vscode调试python时提示无法将“conda”...VSCODE配置JDK8 01-Ubuntu14.04 安装VSCode ubuntu 下vscode 修改主题注释斜体 VSCode编辑器中关于修改选中文字或代码...VsCode插件整理（小结）利用VSCode做PHP开发的必备插件和配置在vscode终端运行nodemon时，出现无法加...vscode Java Scanner 获取中文字符串pr...

更多标签

VSCODE - 编程教程标签库

vscode安装 vscode插件 vscode配置 vscode配置python

首页 / VSCODE / vsCode 常用插件

vsCode 常用插件

内容导读

内容图文

1. auto close tag

2. Auto Comment Blocks

3. Auto Rename Tag

4. Auto Complete Tag

5. Beautify

6. Code Runner

7. Code Spell Checker

8. Drat

9. Debugger for Chrome

10. EditorConfig for VS Code

11. ESLint

12. filesize

13. Flutter

14. Git History

15. GitLens — Git supercharged

16. IntelliSense for CSS class names in HTML

17. HTMLHint

18. Image preview

19. Import Cost

20. JavaScript (ES6) code snippets

21. JavaScript Snippet Pack

22. language-stylus

23. stylelint

24. minapp

25. Node.js Modules Intellisense

26. Open in Browser

27. Path Intellisense

28. Prettier - Code formatter

29. Pug (Jade) snippets

30. Scss

31. TypeScript Importer

32. Vetur

33. vscode-element-helper

34. vscode-icons

35. vue 2 Snippets

36. Vue/Vuex TypeScript Snippets

37. VueHelper

内容总结

内容备注

内容手机端

【vsCode 常用插件】教程文章相关的互联网学习教程文章

插件 - 相关标签

VSCODE - 最新教程

VSCODE - 最热教程

VSCODE - 编程教程标签库