前端最常用的vscode插件集

时间: 2018-11-17阅读: 6053标签: 插件

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


vue


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



站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1361

AST抽象语法树和Babel插件

AST(Abstract Syntax Tree, AST)抽象语法树,可以把代码转译成语法树的表现形式,大多数编译器的工作过程可以分为三部分:Parse(解析),Transform(转换),Generate(代码生成)

chrome插件开发

上手调试:打开chrome://extensions/ 开启开发者模式,选择加载已解压的扩展程序,选中自己的项目文件即可上手调试;引入vue 会出现 安全性问题,需要在manifest.json中设置

jquery.nicescroll滚动条美化插件

今天给大家介绍一个滚动条美化插件jquery.nicescroll,这个插件有以下一个主意事项:兼容所有最新的桌面浏览器和旧版:Chrome,Firefox,Edge,IE8 +,Safari(win / mac),Opera

原生 js 实现一个有动画效果的进度条插件 progress

一个用于装载进度条内容的 div (且叫做 container)。然后在 container 里面动态生成三个元素,一个是做为背景的 div (且叫做 progress),一个是做为显示进度的 div (且叫做 bar),还有一个是显示文字的 span (且叫做 text)。

通过编译器插件实现代码注入

大型的前端系统一般是模块化的。每当发现问题时,模块负责人总是要重复地在浏览器中找出对应的模块,略读代码后在对应的函数内打上断点,最终开始排查。

video.js使用技巧

Video.js初始化有两种方式;一种是在<video>标签里面加上。注意,两者缺一不可。刚开始的时候我觉得后面的值为空对象{},不放也行,导致播放器加载不出来,后来加上来就可以了。

解决游览器安装Vue.js devtools插件无效的问题

打开自己写的一个vue.js网页,发现图标并没有亮起来,还是灰色;打开自己写的一个vue.js网页,游览器上图标有了 ,但是控制台不显示;解决方案:

10款好用到爆的Vim插件

我使用Vim编辑器已经差不多20年了,不过,我是在前两年才开始使用Vim插件,我会定时清理插件,我认为这样做更有助于自己了解哪些插件才是最好的。此外,针对不同的语言和文件配置我会使用不同的插件

使用jquery-intro插件做页面引导

设置参数: 设置多个格式 json格式:key:value 可设置参数;下载jquery-intro;设置方法(多个参数设置);在页面中引用jquery-intro;定义引用的区块;配置jquery-intro的显示

程序员必备五款chrome浏览器插件

postman一款模拟客户端工具,通常用于开发中调试api接口。相信大部分程序员都有使用过,操作简单且功能强大,支持团队开发。 json这种数据交换格式在数据开发中被运用的越加广泛,jsonview插件可以自动对json数据转码

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!