前端最常用的vscode插件集基础入门_插件入门基础教程

在前端开发中,使用Visual Studio Code有哪些你常用的插件?推荐几个自己喜欢的,不带链接,自己搜索安装吧。这些都是比较实用、前端必备的插件集
vue【vetur】 vue语法高亮【vueHelper】vue2代码段react【react playground】react租金啊运行环境【react standard style code snip

前端最常用的vscode插件集基础入门

在前端开发中,使用Visual Studio Code有哪些你常用的插件?推荐几个自己喜欢的,不带链接,自己搜索安装吧。这些都是比较实用、前端必备的插件集

前端最常用的vscode插件集基础入门_插件入门基础教程

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

海计划公众号
(0)
上一篇 2020/04/03 19:35
下一篇 2020/04/03 19:35

您可能感兴趣的内容