一、VsCode 常見的配置
1、取消更新
- 把插件的更新也一起取消了
2、設(shè)置編碼為utf-8：默認(rèn)就是了，不用設(shè)置了
3、設(shè)置常用的開發(fā)字體：Consolas, 默認(rèn)就是了，不用設(shè)置了
- 字體對(duì)開發(fā)也很重要，不同字體，字母形態(tài)都不太一樣，尤其是標(biāo)點(diǎn)符號(hào)，逗號(hào)和分號(hào)的區(qū)分，有的字體看著這兩者就很像
4、設(shè)置ctr+滾輪，改變字體大小
5、設(shè)置行號(hào)：默認(rèn)就有，不用設(shè)置了
6、自動(dòng)保存：
7、設(shè)置選項(xiàng)卡多行展示
- 這樣打開了很多個(gè)文件，就不會(huì)導(dǎo)致有的打開的文件被隱藏
8、設(shè)置查看當(dāng)前類或文件的結(jié)構(gòu) OUTLINE
- 相當(dāng)于idea 查看當(dāng)前類或接口的結(jié)構(gòu) Structure
二、VsCode 常用好用插件
1、實(shí)時(shí)刷新網(wǎng)頁的插件：LiveServer
2、open in browser
支持快捷鍵與鼠標(biāo)右鍵快速在瀏覽器中打開html文件，支持自定義打開指定的瀏覽器，包括：Firefox，Chrome，Opera，IE以及Safari
補(bǔ)充一下：LiveServer 和 open in browser 區(qū)別：注意觀察瀏覽器地址欄
- open in browser：直接打開HTML文件就是通過File協(xié)議打開的
- LiveServer: 通過http 協(xié)議打開的，地址欄會(huì)上看到主機(jī)名， Live Server啟動(dòng)了一個(gè)本地開發(fā)服務(wù)器，靜態(tài)和動(dòng)態(tài)頁面都可以實(shí)時(shí)重載。
3、自動(dòng)閉合HTML/XML標(biāo)簽：Auto Close Tag
4、圖片自動(dòng)檢查：Image preview
5、資源樹目錄：vscode-icon
它不僅能夠給文件夾、文件添加上舒適的圖標(biāo)，而且可以自動(dòng)檢測項(xiàng)目，根據(jù)項(xiàng)目不同功能配上不同圖標(biāo)
6、AI 智能提示的插件：Tabnine
用IDE編寫代碼的時(shí)候可以給出智能提示，寫的越多提示的越準(zhǔn)確
選擇性安裝的插件
像顏色提示、主題那種，還有語法檢查、語法智能提示等
本地歷史代碼記錄： local history
git相關(guān)的插件：Git History
- Git History提供了一個(gè)可視化的git日志。不再需要在終端查看git日志?？梢员容^各個(gè)分支、提交和跨提交的文件。
HTML CSS Support
- 智能提示CSS類名以及id
HTML Snippets
- 智能提示HTML標(biāo)簽，以及標(biāo)簽含義
JavaScript(ES6) code snippets
- ES6語法智能提示，以及快速輸入，不僅僅支持.js，還支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各種包含js代碼文件的時(shí)間
jQuery Code Snippets
- jQuery代碼智能提示
CSS Peek
- 使用此插件，你可以追蹤至樣式表中 CSS 類和 ids 定義的地方。當(dāng)你在 HTML 文件中右鍵單擊選擇器時(shí)，選擇“ Go to Definition 和 Peek definition ”選項(xiàng)，它便會(huì)給你發(fā)送樣式設(shè)置的 CSS 代碼。
一、VsCode 開發(fā)相應(yīng)項(xiàng)目推薦安裝的插件
1、開發(fā) Vue 項(xiàng)目必裝的插件
(1)【vue2】安裝一個(gè)方便閱讀 vue 代碼的插件：Vetur
- 安裝之后，vue 代碼，文本顏色開始發(fā)生變化[注釋是綠色的哈哈哈]，不安裝，代碼全是白色的。
Vetur插件介紹：功能包括-語法高亮，智能提示，emmet，錯(cuò)誤提示，格式化，自動(dòng)補(bǔ)全，debugger。vscode官方欽定Vue插件，Vue開發(fā)者必備。
- vue3 使用的是插件 Vue Language Features (Volar)
2、開發(fā) Lua 項(xiàng)目必裝的插件
(1) 安裝一個(gè)方便閱讀 lua 代碼的插件：lua
文章來源：http://www.zghlxwxcb.cn/news/detail-415224.html
如果本文對(duì)你有幫助的話記得給一樂點(diǎn)個(gè)贊哦，感謝！文章來源地址http://www.zghlxwxcb.cn/news/detail-415224.html
到了這里，關(guān)于Visual Studio Code 常見的配置、常用好用插件以及【vsCode 開發(fā)相應(yīng)項(xiàng)目推薦安裝的插件】的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
