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

最新推荐文章于 2025-09-12 16:49:27 发布

weixin_34384681

最新推荐文章于 2025-09-12 16:49:27 发布

阅读量81

点赞数

CC 4.0 BY-SA版权

文章标签：开发工具前端 javascript ViewUI

原文链接：http://www.cnblogs.com/xzma/p/7686241.html

本文介绍VSCode中对于前端开发非常实用的插件集合，包括自动闭合标签、CSS支持、JS代码片段等，同时推荐了一些提高开发效率的美化工具及便捷功能。

经老司机推荐的编辑器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日

转载于:https://www.cnblogs.com/xzma/p/7686241.html