工欲善其事,必先利其器。

个人用过的代码编辑器有sublime,webstrom,vscode,H5builder。综合比较下来还是更倾向于vscode。

sublime是一款轻量级的编辑器,优点是启动速度快,可扩展插件也还丰富,但感觉不太适合做大型项目。

webstorm是一款重量级的代码编辑器,优点是功能强大,缺点也很致命,需要收费,启动速度也较慢。

后来就慢慢放弃webstrom了,因为。。。当然是有了好用的vscode,哈哈。

不得不说vscode是一款强大的代码编辑器,强大之处在于丰富的扩展插件。

至于H5builder,用过几次,感觉功能也很强大,可以开发混合app。没有选择的原因可能是vscode先入为主,用习惯了。

最后说一句,编辑器没有好坏之分,全看个人习惯吧。就如同习武之人所用兵器,不能说哪种兵器最好,各有所长吧。

下面进入正题
1,auto close tag
输入标签名,自动闭合HTML标签

2,auto rename tag
更改 HTML/XML 标签名时,自动更新相对应的开始标签或结束标签的标签名

3,auto-open Markdown
预览Markdown文件
4,beautify
代码格式化的插件
5,Chinese language pack
汉化菜单插件
6,debugger for chorme
调试代码用的插件
7,easy less
编译less文件
8,element ui snippets
elementui标签快速输入
9,eslint
eslint规则校验
10,gitLens
可以显示每行代码编辑人员及时间信息
11,HTML css support
输入HTML标签id和class时,智能提示已有id和类名
12,HTML snippets
HTML标签快速输入自动补全
13,jquery code snippets
jquery代码快速输入提示
14,live server
可以本地启动服务器环境
15,Markdown preview enhanced
Markdown编辑插件
16,open in browser
用浏览器打开文件
17,sublime text keymap
sublime编辑器快捷键,习惯于sublime快捷键的可以用
18,vetur
vue代码格式化插件
19, vue 2 sinppets

vue语法提示

20,touchui
之前用touchui框架时,配套的一个插件

vscode常用插件小结的更多相关文章

  1. VSCode常用插件之vscode-stylelint使用

    更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-stylelint这是一个检验CSS/SASS/LESS代码规范的插件. StyleLint 使用指南 vscode-style ...

  2. VSCode常用插件之ESLint使用

    更多VSCode插件使用请访问:VSCode常用插件汇总 ESLint这是VS Code ESLint扩展,将ESLint JavaScript集成到VS Code中. 首先简单说一下使用流程: 1. ...

  3. VSCode常用插件汇总

    vscode常用插件汇总: 点击插件名字,查看使用文档 vscode-fileheader : 添加注释到文件头,并支持自动更新文件修改时间. EditorConfig for vs code :   ...

  4. VSCode常用插件之Simple New File使用

    更多VSCode插件使用请访问:VSCode常用插件汇总 Simple New File这是一个从命令面板简单创建新文件.文件夹.通过侧边栏创建新文件可能会很繁琐.该扩展旨在通过命令面板使创建文件或目 ...

  5. VSCode常用插件之open in browser使用

    更多VSCode插件使用请访问:VSCode常用插件汇总 open in browser安装完这个插件就可以在编辑器菜单右键html,在默认浏览器打开了,高级使用暂未了解,请自行其它文章学习

  6. VSCode常用插件之vscode-fileheader使用

    更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-fileheader这是一个给js文件(html.css也可以使用,但是没意义!!!)生成头部注释的插件,每次修改js文件之后会 ...

  7. VSCode常用插件之EditorConfig for vs code 使用

    更多VSCode插件使用请访问:VSCode常用插件汇总 当大家在公司工作时,不可能永远是一个人维护一个项目,当多个人参与一个项目,每个人使用的编辑器不一样,代码风格自然也不一样,那么如何让使用不同编 ...

  8. VsCode 常用插件清单

    插件离线安装说明 在一些内网开发环境中,无法做到在线安装,这个时候就需要对插件进行离线安装 了 打开 VSCode 插件市场网址 Extensions for the Visual Studio fa ...

  9. vscode常用插件快捷键

    俗话说,工欲善其事必先利其器,我们码农的器是什么尼?没错,就是我们亲爱的IDE,前端开发者最爱的编辑器应该是vscode了吧.但是我们要怎么去锋利它尼?不外乎就是熟悉它的使用方法.快捷键以及第三方的插 ...

随机推荐

  1. JS 导出网页中Table内容到excel

    <html> <head> <script type="text/javascript" language="javascript" ...

  2. 064_将 Linux 系统中 UID 大于等于 1000 的普通用户都删除

    #!/bin/bash#先用 awk 提取所有 uid 大于等于 1000 的普通用户名称#再使用 for 循环逐个将每个用户删除即可 user=$(awk -F: '$3>=1000{prin ...

  3. 多路径技术:ALUA与SLUA

    实现的核心 通过存储设备去适配操作系统,从而实现多路径技术,支持ALUA是其中主要部分.   ALUA多路径技术 Asymmetric Logical Unit Access,非对称逻辑单元存取,其提 ...

  4. [codevs]线段树练习5

    http://codevs.cn/problem/4927/ #include <iostream> #include <cstdio> #include <algori ...

  5. Codeforces Round #586

    目录 Contest Info A. Cards B. Multiplication Table C. Substring Game in the Lesson D. Alex and Julian ...

  6. NetworkX系列教程(8)-Drawing Graph

    小书匠Graph图论 如果只是简单使用nx.draw,是无法定制出自己需要的graph,并且这样的graph内的点坐标的不定的,运行一次变一次,实际中一般是要求固定的位置,这就需要到布局的概念了.详细 ...

  7. 关于bootstrap table 固定列宽

    首先为table 设置 style="table-layout: fixed;" <table id="assessStage" data-height= ...

  8. 【2018.07.27】(字符串/找相同)学习KMP算法小记

    虽然说原理很好理解,但是代码理解了花费我一个下午的时间,脑阔痛 该注释的地方都标记了,希望以后看到这些代码我还能好好理解吧 学习的链接地址:https://www.cnblogs.com/teble/ ...

  9. Bean Shell常用内置变量

    JMeter在它的BeanShell中内置了变量,用户可以通过这些变量与JMeter进行交互,其中主要的变量及其使用方法如下: log:写入信息到jmeber.log文件,使用方法:log.info( ...

  10. 深入理解JVM虚拟机9:JVM监控工具与诊断实践

    转自https://juejin.im/post/59e6c1f26fb9a0451c397a8c jvm优化必知系列——监控工具 微信公众号[Java技术江湖]一位阿里 Java 工程师的技术小站. ...