vscode经常使用插件【全了】

插件集

待补充。。。

20180903

文件

  • 【Path Intellisense】 自动补全途径

浏览器

  • 【Open-In-Browser】在浏览器中翻开或预览
  • 【Debugger for Chrome】让 vscode 映照 chrome 的 debug功用,静态页面都可以用 vscode 来打断点调试

css

  • 【CSS Peek】跳转到css的定义行
  • 【Color Info】色彩信息转换

html

  • 【HTML Boilerplate】自动天生HTML模板
  • 【Icon Fonts】字体标签自天生

js

  • 【Add jsdoc comments】为所选函数署名的参数增加简朴的jsdoc解释

svg

  • 【SVG Viewer】 svg图预览

其他

  • 【Minify】代码紧缩
  • 【Change Case】变量名花样转换
  • 【Regex Previewer】正则表达式预览
  • 【Language and Framework Packs】语言和框架 增加自动添补,恰当的缩进和其他有用功用

20180324

vue

  • 【vetur】 vue语法高亮
  • 【vueHelper】vue2代码段

react

  • 【react playground】react房钱啊运转环境
  • 【react standard style code snippets】react standard作风代码块

HTML

  • 【auto close tag】 自动闭合HTML标签
  • 【auto rename tag】 修正HTML标签时自动修正婚配标签
  • 【htmltagwrap】包裹HTML
  • 【HTML css suppot】css提醒,支撑vue的css提醒
  • 【HTML Boilerplate】 挣脱HTML 新文件从新编写头部和正文标签,直接天生模板HTML

css

  • 【beautify css/sass/scss/less】 css/sass/scss/less花样化
  • 【color highlight】色彩值在代码中高亮显现
  • 【less intellisense】less变量与夹杂提醒
  • 【postCss sorting】css排序
  • 【sass】sass插件
  • 【language-stylus】stylus语法高亮和提醒
  • 【CSS Peek】追踪至样式表中 CSS 类和 ids 定义的处所

js

  • 【json tools】花样化和紧缩json

ts

  • 【TSLint】typescript语法搜检
  • 【Typescript import】ts自动import

解释

  • 【better comments】编写越发人性化的解释
  • 【document this】解释文档天生
  • 【vscode-fileheader】头部增加维护者信息

语法搜检

  • 【eslint】 eslint插件高亮提醒
  • 【stylelint】css/sass/less代码作风

VS code编译器设置

  • 【VS code icon】 文件图片标识
  • 【vscode-random】随机字符串天生器
  • 【styled-components】VS coed-component高亮支撑
  • 【VS coed-styled-jsx】styled-jsx高亮支撑

git

  • 【git blame】在状态栏显现当前行的git信息
  • 【git history】检察git log
  • 【gitLens】显现文件近来的commit和作者,显现当前行commit信息
  • 【gitignore】.gitignore文件语法

其他

  • 【bookmarks】增加行书签
  • 【code spell checker】单词拼写搜检
  • 【file peek】依据途径字符串,疾速定位到文件
  • 【font-awesome codes for html】fontawesome提醒代码段
  • 【guides】高亮缩进基准线
  • 【path autocomplete】完全途径提醒
  • 【project manager】切换项目
  • 【REST client】发送REST作风的HTTP要求
  • 【sort lines】 排序选中行string manipulation
  • 【test spec generator】测试用例天生
  • 【version lens】package.json文件显现模块当前版本和最新版本
  • 【view node package】疾速翻开选中模块主页和代码堆栈
  • 【filesize】状态栏显现当前文件大小
  • 【markdownlint】markdown花样提醒
  • 【npm intellisense】导入模块提醒已装置模块称号npm
  • 【Open In Browser】vscode直接翻开浏览器
  • 【Prettier】代码花样
  • 【SVG Viewer】在 Visual Studio 代码中增加了很多有用的 SVG 顺序,你无需脱离编辑器,便可以翻开 SVG 文件并检察它们。同时,它还包含了用于转换为 PNG 花样和天生数据 URI 形式的选项
  • 【Minify】用于紧缩兼并 JavaScript 和 CSS 文件的应用顺序。它供应了大批自定义的设置,以及自动紧缩保留并导出为.min文件的选项。它可以离别经由过程 uglify-js、clean-css 和 html-minifier,与 JavaScript、CSS 和 HTML 协同事情。
  • 【Change Case】修正文本的更多定名花样,包含驼峰定名、下划线分开定名,snake_case 定名以及 CONST_CAS 定名等
  • 【Themes】切换svcode美丽的主题
    原文作者:sanyang
    原文地址: https://segmentfault.com/a/1190000013260728
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞