VSCode的使用配置以及VSCode插件的安裝教程詳解
配置篇
打開設(shè)置界面
許多設(shè)置都需要在設(shè)置界面進(jìn)行，所以想要配置第一步就應(yīng)該是打開設(shè)置界面。
1> 鼠標(biāo)操作打開。File --> Preferences --> Settings
2> 界面左下角的設(shè)置圖標(biāo)
打開設(shè)置有的是代碼視圖，有的不是，可以通過(guò)設(shè)置右上角的三個(gè)點(diǎn)進(jìn)行切換。
tab鍵的縮進(jìn)控制
VSCode默認(rèn)的tab鍵是縮進(jìn)4個(gè)空格，但是有很多時(shí)候我們需要修改這個(gè)縮進(jìn)，如vue用ES6的時(shí)候縮進(jìn)4個(gè)空格會(huì)報(bào)錯(cuò)，這里我們就可以修改這個(gè)配置。
首先就是打開設(shè)置 直接搜索 tabSize 將后面的4改成2即可，
插件篇
插件安裝
安裝的插件非常簡(jiǎn)單，我是直接點(diǎn)右側(cè)的Extensions進(jìn)行安裝的，安裝過(guò)程需要聯(lián)網(wǎng)。
打開插件管理頁(yè)面后，具體如下：
點(diǎn)擊install就可以安裝了，安裝了之后 install就會(huì)變成下面這樣：
插件列表：
- SVN—(不解釋)
- Vetur—— 語(yǔ)法高亮、智能感知、Emmet等
- 包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化選中代碼，兩個(gè)Ctrl需要同時(shí)按著）
- EsLint —— 語(yǔ)法糾錯(cuò)
- Auto Close Tag —— 自動(dòng)閉合HTML/XML標(biāo)簽（這個(gè)我沒裝）
- Auto Rename Tag —— 自動(dòng)完成另一側(cè)標(biāo)簽的同步修改（這個(gè)我也沒裝）
- JavaScript(ES6) code snippets —— ES6語(yǔ)法智能提示以及快速輸入，除js外還支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各種包含js代碼文件的時(shí)間
- Path Intellisense —— 自動(dòng)路勁補(bǔ)全
- HTML CSS Support —— 讓 html 標(biāo)簽上寫class 智能提示當(dāng)前項(xiàng)目所支持的樣式
- vue
總結(jié)
到此這篇關(guān)于VSCode的使用配置以及VSCode插件的安裝教程詳解的文章就介紹到這了,更多相關(guān)VSCode的使用配置及插件安裝內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
HTTP請(qǐng)求首部字段及響應(yīng)首部字段詳解
這篇文章主要介紹了HTTP請(qǐng)求首部字段及響應(yīng)首部字段,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
分享幾道和「滑動(dòng)窗口」有關(guān)的算法面試題
本文是小編和大家分享的幾道和「滑動(dòng)窗口」有關(guān)的算法面試題,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了樹莓派安裝mjpg-streamer使用攝像頭,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
這篇文章主要介紹了詳解Chrome 實(shí)用調(diào)試技巧，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Git提交代碼錯(cuò)了吃后悔藥的幾種常用辦法(場(chǎng)景分析)
這篇文章主要介紹了Git提交代碼錯(cuò)了吃后悔藥的幾種常用辦法,本文分為多個(gè)場(chǎng)景，通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2020-12-12
大家都明白在團(tuán)隊(duì)開發(fā)中，遵循一個(gè)合理、清晰的Git使用流程，是非常重要的。否則，每個(gè)人都提交一堆雜亂無(wú)章的commit，項(xiàng)目很快就會(huì)變得難以協(xié)調(diào)和維護(hù)。所以這篇文章給大家分享了Git的使用規(guī)范流程，有需要的可以參考借鑒。2016-09-09
Kali滲透測(cè)試之使用Metasploit對(duì)Web應(yīng)用的攻擊
這篇文章主要介紹了Kali滲透測(cè)試：使用Metasploit對(duì)Web應(yīng)用的攻擊,這種漏洞源于Web應(yīng)用程序沒有對(duì)用戶輸入的內(nèi)容進(jìn)行準(zhǔn)確的驗(yàn)證，從而導(dǎo)致操作系統(tǒng)執(zhí)行了攻擊者輸入的命令，需要的朋友可以參考下2022-05-05
我們?cè)谑褂胿scode的時(shí)候常會(huì)遇見各種問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于vscode終端輸出中文亂碼問(wèn)題解決的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
調(diào)用無(wú)文檔說(shuō)明的?Web?API過(guò)程描述
這篇文章主要為大家介紹了調(diào)用無(wú)文檔說(shuō)明的Web?API過(guò)程描述，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪<BR>2022-03-03
本系列教程將會(huì)講解郵件的基本常識(shí)與概念，郵件的協(xié)議以及郵件服務(wù)器的工作原理，然后用JavaMail發(fā)送郵件的基本實(shí)現(xiàn)過(guò)程，郵件內(nèi)嵌圖片等高級(jí)郵件技巧。相信大家看完后，一定會(huì)有所收獲2022-05-05