VsCode插件整理(小结)

(编辑:jimmy 日期: 2025/1/23 浏览:2)

1.VsCode官方插件地址

https://marketplace.visualstudio.com/vscode

http://code.visualstudio.com/docs

官网下载地址:http://code.visualstudio.com/

VsCode插件整理(小结)

2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件

VsCode插件整理(小结)

添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可

3.常用插件说明:

一、HTML Snippets

超级使用且初级的H5代码片段以及提示

VsCode插件整理(小结)

二、HTML CSS Support 

让HTML标签上写class智能提示当前项目所支持的样式

VsCode插件整理(小结)

三、Debugger for Chrome 

让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点

四、JQuery Code Snippets

jquery提示工具

VsCode插件整理(小结)

五、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资源目录加上图标、必备

VsCode插件整理(小结)

三、One Dark Theme

来自Atom的one dark主题好看实用

四、Material、Material Neutral ............

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

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。