一、VSCode 插件安裝
在 VSCode 中 , 左側(cè)的 
按鈕 是 擴(kuò)展 按鈕 , 使用 Ctrl + Shift + X 也可以快速進(jìn)入插件安裝界面 ;
在彈出的 擴(kuò)展 面板中 , 可以搜索和安裝插件 ;
二、安裝 簡體中文 插件
在擴(kuò)展工具面板中 , 搜索 Chinese , 可以看到 簡體中文 插件 , 安裝該插件后 , 界面會(huì)變?yōu)楹嗴w中文界面 ;
安裝完畢后 , 重啟 VSCode 即可完成插件安裝 ;
三、安裝 Open in Browser 插件
在擴(kuò)展工具面板中 , 搜索 Open in Browser 插件 , 搜索出來后 , 點(diǎn)擊安裝 , 安裝該插件 ;
安裝后的效果 :
在空白處點(diǎn)擊右鍵 , 可以顯示 Open in Browser 選項(xiàng) ;
四、安裝 JS-CSS-HTML Formatter 插件
在 擴(kuò)展工具 面板中 , 搜索 JS-CSS-HTML Formatter 插件 , 安裝該插件 ;
安裝該上述插件后 , 將代碼打亂格式 ;
使用 Ctrl + S 保存代碼 , 會(huì)自動(dòng)將代碼進(jìn)行格式化 ;
五、安裝 Auto Rename Tag 插件
在 擴(kuò)展工具 面板中 , 搜索 Auto Rename Tag 插件 , 安裝該插件 ;
安裝完該插件后 , 修改標(biāo)簽名稱時(shí) , 會(huì)自動(dòng)將另一個(gè)成對(duì)的標(biāo)簽進(jìn)行重命名操作 ;
將左側(cè)的 div 標(biāo)簽修改為 span , 右側(cè)的 </div> 自動(dòng)更改為 </span> 標(biāo)簽 ;
六、安裝 CSS Peek 插件
在 擴(kuò)展工具 面板 , 搜索并安裝 CSS Peek 插件 ;文章來源：http://www.zghlxwxcb.cn/news/detail-647442.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-647442.html
到了這里，關(guān)于【開發(fā)環(huán)境】VSCode 安裝插件 ( 簡體中文插件 | Open in Browser 插件 | Auto Rename Tag 插件 | JS-CSS-HTML Formatter 插件 )的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![ubuntu 22.04配置開發(fā)環(huán)境 [Fcitx5中文輸入法+配置 & 遷移vscode & 安裝flameshot & 微信 & mysql &workbench & yarn工具 & zsh]](https://imgs.yssmx.com/Uploads/2024/01/810072-1.png)
