Chinese (Simplified) Language 【简体中文】
安装这个插件后,vs code功能操作都将显示中文
Open in browser 【在浏览器中打开】
该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari
vscode-icons 【资源树目录加上图标样式】
左侧的文件列表,每个不同的类型都会显示不同的图标,以便可以进行区分
HTML CSS Support 【智能提示CSS样式】
html 标签上写class 可以根据首字母 智能提示当前项目所支持的css样式
Image preview 【图片预览】
鼠标移到img 图片名字上,可以显示出该图片的路径
Auto Rename Tag 【同步修改html标签】
自动对一个Html标签,头尾进行同步修改。只要修改了头部标签,尾部标签自动修改
Auto Close Tag 【自动闭合Html标签】
Beautify 【美化代码格式】
格式化javascript,JSON,CSS,Sass,和HTML,将代码对其
通过右击选择 【格式化文档】,然后选择【Beautify】,可以将代码对齐
Code Runner 【运行】
非常强大的一款插件,能够运行多种语言的代码片段或代码文件:C,C ++,Java,JavaScript,PHP,Python,Perl,Ruby,Go等等,安装完成后,右上角出现:
Indenticator【显示代码缩进深度】
突出目前代码的缩进深度
CSS Peek 【选择器查看定义/引用】
此插件可以追踪至样式表中 CSS 类定义的地方。
当在 HTML 文件中右键单击选择器时,选择"转到定义”便会发送样式设置的 CSS 代码。
当在CSS文件中右键单击选择器时,选择"转到引用”便可以查看在css文件中,该选择器有哪些其他选择引用了样式
Indent-Rainbow 【不同颜色缩进】
用四种不同颜色交替显示文本前面的缩进
Path Intellisense【路径填充】
自动填图像、css js 文件 路径名称
Live Server【修改浏览器实时变化】
前端代码修改后,保存文件后,浏览器将根据修改的代码进行实时的变化