域名預(yù)訂/競(jìng)價(jià)，好“米”不錯(cuò)過(guò)

這篇文章主要介紹了VSCode的使用配置以及VSCode插件的安裝教程詳解,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下。

配置篇

打開(kāi)設(shè)置界面

許多設(shè)置都需要在設(shè)置界面進(jìn)行，所以想要配置第一步就應(yīng)該是打開(kāi)設(shè)置界面。

1> 鼠標(biāo)操作打開(kāi)。File --> Preferences --> Settings

2> 界面左下角的設(shè)置圖標(biāo)

打開(kāi)設(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è)配置。

首先就是打開(kāi)設(shè)置 直接搜索 tabSize 將后面的4改成2即可，

插件篇

插件安裝

安裝的插件非常簡(jiǎn)單，我是直接點(diǎn)右側(cè)的Extensions進(jìn)行安裝的，安裝過(guò)程需要聯(lián)網(wǎng)。

打開(kāi)插件管理頁(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è)我沒(méi)裝)

Auto Rename Tag —— 自動(dòng)完成另一側(cè)標(biāo)簽的同步修改(這個(gè)我也沒(méi)裝)

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)文章希望大家以后多多支持腳本之家!

文章轉(zhuǎn)自腳本之家，原文鏈接：https://www.jb51.net/article/193988.htm

申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！