VSCode的使用配置以及VSCode插件的安裝教程詳解
更新時間：2020年08月24日 10:30:21 作者：冰糖棉花
這篇文章主要介紹了VSCode的使用配置以及VSCode插件的安裝教程詳解,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
配置篇
打開設(shè)置界面
許多設(shè)置都需要在設(shè)置界面進(jìn)行，所以想要配置第一步就應(yīng)該是打開設(shè)置界面。
1> 鼠標(biāo)操作打開。File --> Preferences --> Settings
2> 界面左下角的設(shè)置圖標(biāo)
打開設(shè)置有的是代碼視圖，有的不是，可以通過設(shè)置右上角的三個點進(jìn)行切換。
tab鍵的縮進(jìn)控制
VSCode默認(rèn)的tab鍵是縮進(jìn)4個空格，但是有很多時候我們需要修改這個縮進(jìn)，如vue用ES6的時候縮進(jìn)4個空格會報錯，這里我們就可以修改這個配置。
首先就是打開設(shè)置 直接搜索 tabSize 將后面的4改成2即可，
插件篇
插件安裝
安裝的插件非常簡單，我是直接點右側(cè)的Extensions進(jìn)行安裝的，安裝過程需要聯(lián)網(wǎng)。
打開插件管理頁面后，具體如下：
點擊install就可以安裝了，安裝了之后 install就會變成下面這樣：
插件列表：
- SVN—(不解釋)
- Vetur—— 語法高亮、智能感知、Emmet等
- 包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化選中代碼，兩個Ctrl需要同時按著）
- EsLint —— 語法糾錯
- Auto Close Tag —— 自動閉合HTML/XML標(biāo)簽（這個我沒裝）
- Auto Rename Tag —— 自動完成另一側(cè)標(biāo)簽的同步修改（這個我也沒裝）
- JavaScript(ES6) code snippets —— ES6語法智能提示以及快速輸入，除js外還支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各種包含js代碼文件的時間
- Path Intellisense —— 自動路勁補(bǔ)全
- HTML CSS Support —— 讓 html 標(biāo)簽上寫class 智能提示當(dāng)前項目所支持的樣式
- vue
總結(jié)
到此這篇關(guān)于VSCode的使用配置以及VSCode插件的安裝教程詳解的文章就介紹到這了,更多相關(guān)VSCode的使用配置及插件安裝內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章介紹了在Visual?Studio?2019中使用Git的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
這篇文章主要介紹了推薦四款可視化工具(解決99%的可視化大屏需求),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2021-04-04
油猴腳本（Tampermonkey）是一個非常流行的瀏覽器擴(kuò)展，它可以運行由廣大社區(qū)編寫的擴(kuò)展腳本，來實現(xiàn)各式各樣的功能，常見的去廣告、修改樣式文件、甚至是下載視頻，今天給大家介紹油猴腳本編寫教程，感興趣的朋友一起看看吧2020-02-02
win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度學(xué)習(xí)環(huán)境的方法
這篇文章主要介紹了win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度學(xué)習(xí)環(huán)境，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-06-06
今天跟大家聊聊最后三種排序： 直接插入排序，希爾排序和歸并排序2013-11-11
本文主要介紹了git pull每次都要輸入用戶名和密碼的解決辦法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要介紹了Git 2.27.0詳細(xì)安裝步驟,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-08
這篇文章主要介紹了樹莓派安裝mjpg-streamer使用攝像頭,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-03
這篇文章主要介紹了git詳細(xì)安裝教程及下載太慢的解決辦法，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-08-08
IDEA使用code?with?me來進(jìn)行多人遠(yuǎn)程編程的實現(xiàn)
本文主要介紹了IDEA使用code?with?me來進(jìn)行多人遠(yuǎn)程編程的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01