VsCode插件整理
2017-09-14 18:47
417 查看
1.VsCode官方插件地址:
https://marketplace.visualstudio.com/vscode
http://code.visualstudio.com/docs
官网下载地址:http://code.visualstudio.com/
![](https://img-blog.csdn.net/20161114144030163?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件
![](https://img-blog.csdn.net/20161114143850583?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可
3.常用插件说明:
一、HTML Snippets
超级使用且初级的H5代码片段以及提示
![](https://img-blog.csdn.net/20161114150952223?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
二、HTML CSS Support
让HTML标签上写class智能提示当前项目所支持的样式
![](https://img-blog.csdn.net/20161114150943110?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
三、Debugger for Chrome
让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点
四、JQuery Code Snippets
jquery提示工具
![](https://img-blog.csdn.net/20161114150931360?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
五、Path Intellisense
自动路径补全、默认不带这个功能
六、Npm Intellisense
require 时的包提示
七、Document this
Js的注释模板
八、ESlint
ESlint接管原声js提示,可以自定制体会规则。这个比较高玩、
九、Project Manager
多个项目之间快速切换的工具
十、beautiful
格式化代码的工具
十一、Typings Installer
安装vscode 的代码提示依赖库,基于typtings的,比如提示angular或者jQuery只能感知、至于什么是typtings自己去百度。
十二、Bootstrap 3 Sinnpet
常用bootstrap的可以下
十三、Auto Rename Tag
修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。
图标、代码样式插件
一、JavaScript Atom Grammar
使用atom风格的语法高亮、对于习惯浏览atom风格代码高亮的人实用。
二、vscode-icon
让vscode资源目录加上图标、必备
![](https://img-blog.csdn.net/20161114151002161?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
三、One Dark Theme
来自Atom的one dark主题好看实用
四、Material、Material Neutral ............
更多:
Visual Studio Code 1.8 发布
VSCode插件之View In Browser‘在浏览器中查看
VsCode插件之vscode-icons
Visual
Studio Code插件之Atom One Dark Syntax Theme
https://marketplace.visualstudio.com/vscode
http://code.visualstudio.com/docs
官网下载地址:http://code.visualstudio.com/
2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件
添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可
3.常用插件说明:
一、HTML Snippets
超级使用且初级的H5代码片段以及提示
二、HTML CSS Support
让HTML标签上写class智能提示当前项目所支持的样式
三、Debugger for Chrome
让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点
四、JQuery Code Snippets
jquery提示工具
五、Path Intellisense
自动路径补全、默认不带这个功能
六、Npm Intellisense
require 时的包提示
七、Document this
Js的注释模板
八、ESlint
ESlint接管原声js提示,可以自定制体会规则。这个比较高玩、
九、Project Manager
多个项目之间快速切换的工具
十、beautiful
格式化代码的工具
十一、Typings Installer
安装vscode 的代码提示依赖库,基于typtings的,比如提示angular或者jQuery只能感知、至于什么是typtings自己去百度。
十二、Bootstrap 3 Sinnpet
常用bootstrap的可以下
十三、Auto Rename Tag
修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。
图标、代码样式插件
一、JavaScript Atom Grammar
使用atom风格的语法高亮、对于习惯浏览atom风格代码高亮的人实用。
二、vscode-icon
让vscode资源目录加上图标、必备
三、One Dark Theme
来自Atom的one dark主题好看实用
四、Material、Material Neutral ............
更多:
Visual Studio Code 1.8 发布
VSCode插件之View In Browser‘在浏览器中查看
VsCode插件之vscode-icons
Visual
Studio Code插件之Atom One Dark Syntax Theme
相关文章推荐
- VsCode插件整理
- VsCode插件整理
- VsCode插件整理
- VsCode 插件整理之C#
- VS扩展CodeMaid代码整理插件
- VSCode插件之View In Browser/Open in Browser‘在浏览器中查看’
- Vscode 前端插件收集-2018-1月更新
- vs2013代码搜索的插件(Bing Code Search)
- vs code 使用压缩插件
- 在vscode中使用pylint-django插件解决pylint的一些不必要的错误提示
- vsCode - 插件
- vscode使用Better Align插件以及快捷键配置实例
- VSCODE 插件初探,顺便还有博主的写的背景图插件
- VSCODE 插件初探,顺便还有博主的写的背景图插件
- VS Code 折腾记 - (8) 新一波实用插件推荐(前端)|NG2+|TS2|Vue|React|Node|版本控制|主题
- VS Code之Vue开发常用插件
- ionic2——开发利器之Visual Studio Code 常用插件整理
- vscode同步设置&扩展插件
- 分享几个vs code 的几个插件
- 在vs code中使用ftp-sync插件实现客户端与服务器端代码的同步