关注「实验楼」,每天分享一个项目教程   

VS code常用插件集

正文共:1941字 

预计阅读时间:4分钟

插件集

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提示

css

  • 【beautify css/sass/scss/less】 css/sass/scss/less格式化

  • 【color highlight】颜色值在代码中高亮显示

  • 【less intellisense】less变量与混合提示

  • 【postCss sorting】css排序

  • 【sass】sass插件

  • 【language-stylus】stylus语法高亮和提示

js

  • 【json tools】格式化和压缩json

ts

  • 【TSLint】typescript语法检查

  • 【Typescript import】ts自动import

注释

  • 【better comments】编写更加人性化的注释

  • 【document this】注释文档生成

语法检查

  • 【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





出处:segmentfault

链接:https://segmentfault.com/a/1190000013260728



 学习更多:

备受好评的 楼+「 Python实战 」、「 Linux运维与Devops实战 」正在优惠报名中——

实验楼CEO、CTO、高级工程师亲自上阵,通过直播、录播、全程助教、作业挑战等方式,带你12周内打通Python、Linux的任督二脉,成为拥有真正工作能力的IT工程师!

点击下面的链接了解详情:

万事俱备,就差一个程序员了?


Logo

前往低代码交流专区

更多推荐