【开发环境】VSCode 安装插件 ( 简体中文插件 | Open in Browser 插件 | Auto Rename Tag 插件

这篇具有很好参考价值的文章主要介绍了【开发环境】VSCode 安装插件 ( 简体中文插件 | Open in Browser 插件 | Auto Rename Tag 插件 | JS-CSS-HTML Formatter 插件 )。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、VSCode 插件安装

在 VSCode 中 , 左侧的 vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装按钮是扩展按钮 , 使用 Ctrl + Shift + X 也可以快速进入插件安装界面 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装

在弹出的扩展面板中 , 可以搜索和安装插件 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装

二、安装简体中文插件

在扩展工具面板中 , 搜索 Chinese , 可以看到简体中文插件 , 安装该插件后 , 界面会变为简体中文界面 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装

安装完毕后 , 重启 VSCode 即可完成插件安装 ;

三、安装 Open in Browser 插件

在扩展工具面板中 , 搜索 Open in Browser 插件 , 搜索出来后 , 点击安装 , 安装该插件 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装
安装后的效果 :

在空白处点击右键 , 可以显示 Open in Browser 选项 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装

四、安装 JS-CSS-HTML Formatter 插件

在扩展工具面板中 , 搜索 JS-CSS-HTML Formatter 插件 , 安装该插件 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装

安装该上述插件后 , 将代码打乱格式 ;
vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装
使用 Ctrl + S 保存代码 , 会自动将代码进行格式化 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装

五、安装 Auto Rename Tag 插件

在扩展工具面板中 , 搜索 Auto Rename Tag 插件 , 安装该插件 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装

安装完该插件后 , 修改标签名称时 , 会自动将另一个成对的标签进行重命名操作 ;

将左侧的 div 标签修改为 span , 右侧的 </div> 自动更改为 </span> 标签 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装

六、安装 CSS Peek 插件

在扩展工具面板 , 搜索并安装 CSS Peek 插件 ;

vscode安装插件,开发环境,HTML,CSS,vscode,html,前端,css,VSCode 插件安装文章来源地址https://www.toymoban.com/news/detail-647442.html

到了这里，关于【开发环境】VSCode 安装插件 ( 简体中文插件 | Open in Browser 插件 | Auto Rename Tag 插件 | JS-CSS-HTML Formatter 插件 )的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！