当前位置: 移动技术网 > IT编程>开发语言>JavaScript > VsCode插件整理(小结)

VsCode插件整理(小结)

2017年12月12日  | 移动技术网IT编程  | 我要评论

1.vscode官方插件地址


官网下载地址:


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 ............

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网