Visual Studio Code必备插件

Visual Studio Code必备常用插件

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


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

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

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

    • Vue 2 Snippets
      Vue 2 代码补全工具
    • 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的集成插件

原文地址:https://www.cnblogs.com/baidei/p/13583597.html