Vscode 基礎(chǔ)使用教程大全
現(xiàn)在使用Vscode編碼的人越來(lái)越多，憑借著免費(fèi)，開(kāi)源，輕量，跨平臺(tái)的特點(diǎn)收貨了一大批忠實(shí)粉絲
最近因項(xiàng)目需要開(kāi)始使用Vscode，但不知為何，感覺(jué)有點(diǎn)力不從心，不知道該怎么用
首先想到去官網(wǎng)看看，然后放棄了（英語(yǔ)渣渣表示壓力山大，其實(shí)正因?yàn)橛⒄Z(yǔ)差，才更應(yīng)該鍛煉一下的，大家不要學(xué)我23333）
最后自己摸索和看相關(guān)視頻才豁然開(kāi)朗。現(xiàn)在做一個(gè)歸納總結(jié)，希望能幫到有需要的人
下載
官網(wǎng)下載：https://code.visualstudio.com/
漢化中文（官方下載默認(rèn)為英文，英文好的小伙伴可直接跳過(guò)這步）
點(diǎn)擊插件按鈕搜索 Chinese, 在彈出的選項(xiàng)中選擇第一個(gè)中文簡(jiǎn)體
然后右邊會(huì)彈出如下圖安裝界面，接著點(diǎn)擊 Install 安裝
安裝完畢后會(huì)有如下提示（主要提醒你安裝完中文簡(jiǎn)體漢化包后一定要重啟方可生效）
Vscode界面介紹（主要分為5個(gè)區(qū)域，分別是活動(dòng)欄，側(cè)邊欄，編輯欄，面板欄，狀態(tài)欄）
①：活動(dòng)欄從上到下依次為，打開(kāi)側(cè)邊欄，搜索，使用git，debug，使用插件
②：側(cè)邊欄，新建項(xiàng)目文件和文件夾
③：編輯欄，編寫(xiě)代碼的區(qū)域
④：面板欄，從左到右依次為，問(wèn)題，輸出，調(diào)試欄，終端（terminal），最重要的是terminal，用來(lái)輸入相關(guān)命令
⑤：狀態(tài)欄，點(diǎn)擊 
該區(qū)域可以調(diào)出面板欄
⑥：需要注意的為下圖紅框所示，分別表示鼠標(biāo)光標(biāo)所在位置和tab縮進(jìn)字符，這里為縮進(jìn)4個(gè)字符
新建文件和文件夾
新建文件：Ctrl+N新建文件并修改后綴即可（后綴根據(jù)所需文件來(lái)，比如.html，.css，.js等）
新建文件夾
①：首先根據(jù)需要指定一個(gè)路徑（這里路徑以桌面為例），然后新建一個(gè)文件夾（這里新建的文件夾為demo1）
②：鼠標(biāo)點(diǎn)擊側(cè)邊欄第二個(gè)選項(xiàng)，如下圖
③：此時(shí)會(huì)提示你沒(méi)有可以打開(kāi)的文件夾，點(diǎn)擊Open Folder按鈕導(dǎo)入桌面新建的文件夾demo1
④：把文件夾導(dǎo)入后發(fā)現(xiàn)剛剛新建文件夾名字是小寫(xiě)的，現(xiàn)在變大寫(xiě)了，這個(gè)不影響，不用太在意
（右邊圖標(biāo)從左到右為，新建文件 / 新建文件夾 / 刷新 / 折疊文件）
注：新建文件一定要修改后綴，否則默認(rèn)都是text文本文件
自動(dòng)保存設(shè)置
File（文件）- Preferences（首選項(xiàng)）- Setting （設(shè)置）然后彈出下面界面，選擇User（一般會(huì)默認(rèn)選中該選項(xiàng)），
接著如下圖選擇afterdelay選項(xiàng)即可，下面有個(gè)數(shù)字1000表示1秒，這個(gè)可自行設(shè)置，表示多少秒以后自 
自動(dòng)格式化代碼
File（文件）- Preferences（首選項(xiàng)）- Setting （設(shè)置）
User（用戶(hù)）- Text-Editor（文本編輯）- Formatng（格式化）
然后勾選下圖紅色框中的選項(xiàng)后重啟Vscode即可
Vscode更換主題
File（文件）- Preferences（首選項(xiàng)）- Color-Theme （顏色主題）
然后會(huì)出現(xiàn)下圖紅色框的界面，此時(shí)按鍵盤(pán)上的上下鍵即可實(shí)時(shí)查看主題顏色，直接回車(chē)可選中對(duì)應(yīng)主題
注：可以點(diǎn)擊插件直接搜索 theme 下載其它非內(nèi)置主題
快捷鍵（只列出了很小一部分常用快捷鍵）
Ctrl + / （單行注釋?zhuān)?/p>
Shift + Alt + A （多行注釋?zhuān)?nbsp;
若要取消單行或多行注釋在按一次該快捷鍵即可
Ctrl + Shift + Enter （上方插入一行，鼠標(biāo)光標(biāo)在當(dāng)前行的任意位置都可以直接換行到上一行）
Ctrl + Enter （下方插入一行，鼠標(biāo)光標(biāo)在當(dāng)前行的任意位置都可以直接換行到下一行）
Alt + Shift + F （格式化代碼，不需要全選中代碼，直接格式化即可）
Ctrl + Shift + F （查找文件）
點(diǎn)擊設(shè)置選擇 keyboard shortcuts，右邊會(huì)彈出所有快捷鍵目錄
我沒(méi)有漢化中文，并不是因?yàn)橛⒄Z(yǔ)好，相反因?yàn)橛⒄Z(yǔ)太差，所以還是想邁出第一步，鍛煉一下吧
大家不要怕，擼起袖子就是干ヾ(◍°∇°◍)ﾉﾞ
相關(guān)文章
這篇文章主要介紹了git stash暫存的操作方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
UTF8編碼開(kāi)發(fā)中頁(yè)面空白問(wèn)題的解決方法
開(kāi)發(fā)中一直沒(méi)辦法解決的一個(gè)問(wèn)題頁(yè)面采用UTF8編碼，頭部和尾部用了模板包含文件的方法，結(jié)果頭部和尾部無(wú)端端各多出一個(gè)約10px的空行，什么也沒(méi)有。2008-10-10
Chrome瀏覽器中清除特定網(wǎng)站的Cookie數(shù)據(jù)三種方法
當(dāng)我們?cè)谑褂秒娔X瀏覽網(wǎng)頁(yè)時(shí),服務(wù)器會(huì)生成一個(gè)證書(shū)并將其返回給電腦,這個(gè)證書(shū)是cookie,也可以稱(chēng)為瀏覽器緩存,這篇文章主要給大家介紹了關(guān)于Chrome瀏覽器中清除特定網(wǎng)站的Cookie數(shù)據(jù)三種方法,需要的朋友可以參考下2023-10-10
Cursor?是集成了?GPT-4?的?IDE?工具，目前免費(fèi)并且無(wú)需?API?Key，支持?Win、Mac、Linux?平臺(tái)，可以按要求生成代碼，或者讓?AI?幫助優(yōu)化代碼，分析代碼，這篇文章主要介紹了通過(guò)Cursor工具使用GPT-4的方法,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了詳解Chrome 實(shí)用調(diào)試技巧，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
搭建websocket消息推送服務(wù),必須要考慮的幾個(gè)問(wèn)題
面對(duì)各種新場(chǎng)景對(duì)websocket功能和性能越來(lái)越高的需求，不同的團(tuán)隊(duì)有不同的選擇，下面給大家分享構(gòu)建websocket服務(wù)時(shí)必須要考慮的一些技術(shù)特性以及能顯著提高用戶(hù)體驗(yàn)的功能，感興趣的朋友跟隨小編一起看看吧2020-04-04
本文主要介紹Git 分支管理的知識(shí)，這里整理了相關(guān)資料及命令詳解，有需要的小伙伴可以參考下2016-09-09
有時(shí)候在開(kāi)發(fā)過(guò)程中，需要知道chr的碼值，有時(shí)候有些東西記不住就可以用下面的方法。2009-09-09
詳解使用Postman模擬瀏覽器的HTTP請(qǐng)求并獲取返回?cái)?shù)據(jù)
這篇文章主要為大家介紹了在瀏覽器中,獲取網(wǎng)頁(yè)中的某一個(gè)請(qǐng)求信息,并將其導(dǎo)入到Postman軟件,并進(jìn)行API請(qǐng)求測(cè)試的方法,需要的可以參考下2024-03-03
HTTP協(xié)議詳解_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了HTTP協(xié)議詳解，超文本傳輸協(xié)議(HTTP)是一種通信協(xié)議，它允許將超文本標(biāo)記語(yǔ)言(HTML)文檔從Web服務(wù)器傳送到客戶(hù)端的瀏覽器2017-07-07