vs code 插件折騰記（一）

娣辯孩發(fā)布于2019-08-29 18:35 / 1566人閱讀

摘要：以下簡(jiǎn)稱是微軟開(kāi)發(fā)同時(shí)支持和系統(tǒng)且開(kāi)放源代碼的代碼編輯器，并且是開(kāi)源免費(fèi)使用的，也是當(dāng)下最受歡迎的代碼編輯器之一官網(wǎng)下載地址文章已更新插件折騰記二經(jīng)過(guò)我一段時(shí)間的使用，發(fā)現(xiàn)一些插件是必不可少的，現(xiàn)在給大家推薦一些非常實(shí)用的插件下載好安裝打開(kāi)

Visual Studio Code（以下簡(jiǎn)稱vs code）是微軟開(kāi)發(fā)同時(shí)支持Windows、Linux、和macOS系統(tǒng)且開(kāi)放源代碼的代碼編輯器，并且是開(kāi)源免費(fèi)使用的，也是當(dāng)下最受歡迎的代碼編輯器之一 vs code 官網(wǎng)下載地址 文章已更新vs code 插件折騰記（二） vs code經(jīng)過(guò)我一段時(shí)間的使用，發(fā)現(xiàn)一些插件是必不可少的，現(xiàn)在給大家推薦一些非常實(shí)用的插件 1.Chinese (Simplified) Language Pack 下載好安裝打開(kāi) vs code 默認(rèn)是英文模式，這時(shí)就需要漢化插件(覺(jué)得英文界面用的爽的大佬，跳過(guò)這個(gè))

安裝插件十分簡(jiǎn)單只需在 vs code 中點(diǎn)擊到如圖的位置搜索 Chinese 一般來(lái)說(shuō)第一個(gè)就是啦，點(diǎn)擊安裝，安裝好后這時(shí)vs code 右下角會(huì)彈出一個(gè)提示框，點(diǎn)擊restart now 重啟即可

重啟之后，你會(huì)發(fā)現(xiàn)編輯器的工具欄變成中文啦，至此漢化完畢

2.open in browser

從瀏覽器中查看html文件，使用系統(tǒng)的當(dāng)前默認(rèn)瀏覽器；

這點(diǎn)也是我認(rèn)為vs code 比較不合理的地方，原聲支持這個(gè)功能不就完了，還得自己整個(gè)插件

3.vscode-icons

這是一個(gè)能讓你的文件夾目錄結(jié)構(gòu)更加清晰以及能更好的區(qū)分不同的文件類型的插件 安裝之前

安裝之后，是否更好看一點(diǎn)呢

4.Path Intellisense

一個(gè)強(qiáng)大的路徑提示補(bǔ)全插件

5.JavaScript (ES6) code snippets

一個(gè) vs code 中提示ES6語(yǔ)法中的JavaScript代碼片段（支持JavaScript和TypeScript），支持一些方法的簡(jiǎn)寫，提高了開(kāi)發(fā)效率

如鍵入clo，回車，就自動(dòng)生成啦 console.log("object :", object)
如鍵入fin，回車, 就自動(dòng)生成啦一個(gè) for ... in循環(huán) for(const item in object) {}
更多技巧請(qǐng)查看插件技巧網(wǎng)站