Open-In-Browser:在浏览器中打开文件
ESlint ESlint接管原声js提示,可以自定制体会规则
sass-lint 检查sass文件,并提示错误;
HTMLHint html代码检测
csscomb 样式排序配置
CSS Peek:可以追踪至样式表中 CSS 类和 ids 定义的地方
HTML Boilerplate:HTML 模版插件,HTML 新文件重新编写头部和正文标签
Color Info:提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息
HTML Snippets:超级使用且初级的H5代码片段以及提示
HTML CSS Support :让HTML标签上写class智能提示当前项目所支持的样式
JQuery Code Snippets:jquery提示工具
Path Intellisense 自动路径补全、默认不带这个功能
Auto Rename Tag 修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样
vscode-icon 让vscode资源目录加上图标、必备
AutoFileName 需要 require 本地文件时,这个插件将为你提供基于你输入的文件路径的自动补全的选项
JavaScript (ES6) Code Snippets (代码片段插件) 代码片段加快 ES6 开发速度,例如输入 imd 可以自动生成impor {} from "somewhere" 代码
TODO Hightlight(等待编译高亮区)高亮显示等待编辑区
fileheader 顶部注释模板
Quokka 实时编译js,查看js是否有问题;
Bracket Pair Colorizer/ Indent Rainbow 两个插件可以让不同缩减的括号显示不同的颜色。
Icon Fonts:能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集,包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons
Minify:用于压缩合并 JavaScript 和 CSS 文件的应用程序
Regex Previewer:用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上,并高亮所有的匹配项
SVG Viewer:添加了许多实用的 SVG 程序,你无需离开编辑器,便可以打开 SVG 文件并查看它们
Debugger for Chrome:让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点
Npm Intellisense require 时的包提示
Document this Js的注释模板
Faker:能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码,或者经典的乱数假文段落
Prett ier( Prettier – Eslint ):代码格式化程序, JS 和 CSS 文档快速格式化为统一的代码样式
Project Manager 多个项目之间快速切换的工具
beautiful 格式化代码的工具
VSCode必备插件
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...