配置篇
打開設(shè)置界面
許多設(shè)置都需要在設(shè)置界面進(jìn)行,所以想要配置第一步就應(yīng)該是打開設(shè)置界面。
1> 鼠標(biāo)操作打開。File --> Preferences --> Settings
2> 界面左下角的設(shè)置圖標(biāo)
打開設(shè)置有的是代碼視圖,有的不是,可以通過設(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即可,
插件篇
插件安裝
安裝的插件非常簡單,我是直接點(diǎn)右側(cè)的Extensions進(jìn)行安裝的,安裝過程需要聯(lián)網(wǎng)。
打開插件管理頁面后,具體如下:
點(diǎn)擊install就可以安裝了,安裝了之后 install就會(huì)變成下面這樣:
插件列表:
- SVN—(不解釋)
- Vetur—— 語法高亮、智能感知、Emmet等
- 包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化選中代碼,兩個(gè)Ctrl需要同時(shí)按著)
- EsLint —— 語法糾錯(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語法智能提示以及快速輸入,除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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
您可能感興趣的文章:- Linux 下載安裝VSCode 使用編程輸出當(dāng)前時(shí)間的方法
- Windows下安裝VScode 并使用及中文配置方法
- Vscode 打字特效插件Power Mode安裝使用介紹
- vsCode安裝使用教程和插件安裝方法
- vscode安裝使用的詳細(xì)教程