关闭

前端最常用的vscode插件集

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

前端开发中,使用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.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

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

关闭

AST抽象语法树和Babel插件

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

Vue实现一个图片懒加载插件

图片懒加载是一个很常用的功能,特别是一些电商平台,这对性能优化至关重要。今天就用vue来实现一个图片懒加载的插件。 这篇博客采用“三步走”战略——Vue.use()、Vue.direction、Vue图片懒加载插件实现,逐步实现一个Vue的图片懒加载插件。

babel插件的相关知识

Babel 是 JavaScript 编译器,更确切地说是源码到源码的编译器,通常也叫做“转换编译器(transpiler)”。 意思是说你为 Babel 提供一些 JavaScript 代码,Babel 更改这些代码,然后返回给你新生成的代码

vue开发常用第三方插件总结

这篇文章整理vue开发中常用插件及工具,主要包含: UI组件、开发框架、实用库、服务端SSR、辅助工具、应用实例、Demo示例等,分享给大家,希望对大家有所帮助

webpack插件ProvidePlugin的使用方法和eslint配置

配置 webpack.config.js文件里 plugins 属性,配置完以后就可以在代码里直接使用 _ ,而不再需要 import; 注意:(如果不配置eslint,浏览器就会报错:\\\'_\\\' is not defined no-undef)

10个VSCode高效开发插件

本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率。VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具

vue插件开发toast

在没有封装插件之前,如果不使用第三方插件,那么很多情况下我们会编写几个常用的组件来提供给页面使用,如Alert/Loading组件,而你可能需要在很多页面中引入并且通过components注册组件

基于Vue的验证码插件vue2-verify

在我们Web项目开发中,验证码是一种比较常见的区分用户是计算机还是人的手段。主要是为了保证项目的安全。现在Vue开发的项目很多,基本都是前后端分离的。给大家推荐一个基于Vue比较好用的验证码插件vue2-verify。但是大家要注意一点

Vue中的JS与Velocity.js的结合

JS动画效果,注意事件函数中所传递的传递的参数及某些事件函数返回的函数1.进入动画钩子:before-enter,enter,after-enter;2.离开动画钩子:before-leave,leave,after-leave;3.在enter钩子中的函数调用done

js轮播插件_轮播图js代码插件总汇

这篇文章为大家分享图片轮播插件,最全最简单最通用的 幻灯片轮播插件,pc端和移动端都可完美使用,能满足绝大部分网站的轮播需求。js轮播插件包括Swiper、slick、owl carousel2、jssor/slider 、iSlider 等

点击更多...

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