VSCode常用基础插件

VSCode常用基础插件

这里只是简单的介绍了这些插件的一些简单的功能 , 很多插件可以针对自己的使用习惯进行配置 .

可以在这里下载

1.  Auto  Close Tag  自动添加HTML/XML关闭标签

• 现在新版vscode好像已经集成了这个功能

2. Auto Rename Tag 修改头标签时自动修改尾标签

 a) 没安装之前

 b) 安装了之后

 3.  Autoprefixer 自动补齐CSS浏览器兼容代码

• 写出需要兼标签属性
• 快捷键ctrl + shift + c .

 4. Beautify 代码自动排版

• 快捷键 shift + alt + f .
• 可定制排版格式

 

 5. CSS Peek 追踪类名 , 跳转到相应css代码处

快捷键 : ctrl + 鼠标选中点击 ; 或者鼠标放置在类名上点f12

1. 貌似有两种显示方式 , 一种是直接跳转 , 一种是先显示之后选择跳转 , 可能和类名的使用数量有关吧 , 有兴趣的自行研究 , 英语不好没有看他们的开发文档 .

2. 在刚创建文件的时候好像还不能正确跳转会莫名跳转到别的文件夹中同类名的css文件中.

a ) 直接跳转

 

b ) 显示后选择跳转

 6. open in browser 右键在浏览器中打开

这个没什么好说的 , 让你点击右键可以在在浏览器中打开文件 . 记得调整默认浏览器

7. Chinese (Simplified) Language Pack for Visual Studio Code  中文简体语言包

 vscode汉化包

8. vscode-icons vscode文件图标

更改文件图标 , 因为原装的图标很难看清 .