关闭

前端最常用的vscode插件集

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

前端开发中,使用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

关闭

Vue自定义指令directive,插件的封装以及混合mixins

除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。

使用CodeMirror插件遇到的问题

结果你会发现,可以复制代码,没问题,但是不可以粘贴复制的代码,那问题到底出现在了哪里呢?首先呢,排除clipboard插件的问题,这个很简单,随便找个例子测试一下就行了

jquery.nicescroll滚动条美化插件

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

Vue插件动效优化:从style绑定到scoped深坑

最近准备对团队里公共的插件做一些小动效,优化用户体验。这次的先从最简单的toast插件入手。主要的文件有如下两个:

分享 10 个超实用的 Chrome 扩展

CSSViewer这个工具在识别和显示元素的CSS属性方面很有用。它包括一个浮动窗口,您可以把鼠标悬停在页面上任一元素上以查看它的所有CSS属性。您可以通过快捷键在CSSViewer的窗体中轻松复制您选定元素的样式。

ios风格的时间选择插件

在上个项目中,客户希望时间选择插件可以是ios风格的那种,但是找了很久,发现并没有用vue的ios风格时间插件,于是自己便自己造了一个轮子.插件依赖于better-scroll和vue

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

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

15款好用的VS Code插件

用好 VS Code 插件,不仅能节省你的时间,还能提高工作效率。VS Code 有个市场,它提供很多插件。开发人员可以把插件安装到文本编辑器,增强编辑器功能。在视图菜单中,选择扩展选项或按下 shift + cmd + X 即可进入市场。

vue项目中vscode格式化配置和eslint配置冲突

使用vscode开发vue项目的时候,从远端拉下一个新的项目后,安装完依赖后跑起项目时,发现直接报了一堆语法错误:包括换行、空格、单双引号、分号等各种格式问题

AnySlider:适用于任何Html内容的jQuery Slider插件

任何Slider都是一个易于使用且支持触摸的jQuery插件,允许您为任何html内容创建可自定义的滑块,如图像,文本,视频等。在页面上包含jQuery库和jQuery AnySlider

点击更多...

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