VSCode开发常用的插件有哪些
创始人
2024-12-17 19:21:57
0次

Visual Studio Code必备常用插件

红色为强力推荐,不容错过 o(∩_∩)o


  • Chinese (Simplified) Language Pack for Visual Studio Code
    简体中文包

  • Prettier - Code formatter
    最强格式化,不接受反驳(在应用商店中卸载JS-CSS-HTML Formatter以免出现保存时自动格式化了)

  • HTML Snippets
    超级实用且初级的 H5代码片段以及提示

  • Code Runner
    代码编译运行看结果,支持众多语言

  • GitLens
    丰富的git日志插件

  • vetur
    vue语法高亮、智能感知、Emmet等

  • HTML CSS Support
    让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索,这个也是必备插件之一

  • Auto Close Tag
    匹配标签,关闭对应的标签。很实用【HTML/XML】

  • Auto Rename Tag
    修改 html 标签,自动帮你完成尾部闭合标签的同步修改

  • Path Intellisense
    路径智能提示

  • JavaScript (ES6) code snippets
    该插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6语法支持。

  • Live Server
    浏览器实时刷新。右键“Open With Live Server”开启

  • open in browser
    从浏览器中查看html文件,使用系统的当前默认浏览器

  • Bracket Pair Colorizer
    让括号拥有独立的颜色,易于区分。可以配合任意主题使用。

  • ESLint
    ESLint代码检测校验

  • vscode-icon
    让 vscode 资源树目录加上图标,必备良品!

  • Debugger for Chrome
    让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,真666~

  • IntelliSense for CSS class names in HTML
    把项目中 css 文件里的名称智能提示在 html 中

  • minapp
    微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)

  • CSS Peek
    追踪至样式表中 CSS 类定义的地方
    ctrl+鼠标左键点击class 或 鼠标右键“跳转到定义(F12)”

  • Manta’s Stylus Supremacy
    格式化stylus

  • jQuery Code Snippets
    jquery 重度患者必须品

  • Class autocomplete for HTML
    编写html代码的朋友们对html代码的一大体现就是重复,如果纯用手敲不仅累还会影响项目进度,这款自动补全插件真的很棒;

  • JavaScript Snippet Pack
    针对js的插件,包含了js的常用语法关键字,很实用;

  • Path Autocomplete
    路径智能补全

  • beautify
    格式化代码的工具,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用

  • HTMLHint
    html代码检测

  • VSCode Great Icons
    另一款资源树目录图标

  • colorize
    会给颜色代码增加一个当前匹配代码颜色的背景,非常好

  • Color Info
    提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。

  • vscode-fileheader
    顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

  • Document This
    js 的注释模板 (注意:新版的vscode已经原生支持,在function上输入/** tab)

  • filesize
    在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间

  • Bootstrap 3 Sinnpet
    常用 bootstrap 的可以下

  • VueHelper
    vue代码提示

  • Bookmarks
    一个书签工具,还是很有必要的

  • tortoise-svn
    SVN的集成插件

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...