Vscode 前端插件收集-2018-1月更新

经老司机推荐的编辑器Vscode【全名 visual studio code】目前已经更新到Version 1.17 ；官方传送门：https://code.visualstudio.com/;

作为一名前端：自己找了一些资料，以下是个人常用的前端插件：

一、html,css类插件

1.自动闭合标签 Auto Close Tag  

2.自动修改对应的标签 Auto Rename Tag 

3.CSS添加浏览器前缀 Autoprefixer  

4.less自动转CSS  Easy LESS 

 

5.自动提示需要如下设置 或者直接按ctrl+space  HTML Class Suggestions 

// 控制键入时是否应自动显示建议 
"editor.quickSuggestions": {
        "other": true,
        "comments": false,
        "strings": true
}

6.用来在html 里css属性提示。 HTML CSS Support

7.link引入的CSS文件的类名作为提示 带检测 IntelliSense for CSS class names

二、JS类插件

1.js 文档注释  Document This   

2.jsES6代码片段  JavaScript (ES6) snippets

3.JQ代码片段 jQuery Code Snippets

4. npm

5.智能感知 Npm Intellisense

6.vue.js  Vetur   Vue VSCode Snippets  这两个结合 简直是要屌炸天的节奏  各种快捷键  飞起来

 

三、美化

1.经典主题 One Monokai Theme

2.VS代码的美化 Beautify

3.颜色识别匹配括号 Bracket Pair Colorizer

4文件夹、文件图标  vscode-icons

 

三、其他

1.本地服务器配置环境 默认127.0.0.1、自动打开浏览器，修改文件时自动刷新浏览器  Live Server 【觉得装了这个下面这个没有必要装了。。。】

2.打开浏览器 Open in Browser

3.VSCode日志输出着色器 Output Colorizer

4.自动完成文件名  Path Intellisense

5.文件头信息设置 vscode-fileheader  [mac 中快捷键 control+option+i]

后续更新

2018年-01-17日