visual studio code簡(jiǎn)稱叫做vscode，在程序開(kāi)發(fā)中使用到，既可以寫(xiě)html、js的代碼，也可以寫(xiě)后臺(tái)代碼。那么，visual studio code軟件該怎么使用，怎么自定義設(shè)置呢？下面我們就來(lái)介紹一下關(guān)于vscode的基礎(chǔ)知識(shí)，請(qǐng)看下文詳細(xì)介紹。

1、打開(kāi)visual studio code之后，界面如圖所示。最上方的是菜單欄，左側(cè)的是快捷工具欄，設(shè)置按鈕就在左側(cè)的最下方

2、首先看頂部的菜單欄，F(xiàn)ile是對(duì)文件操作的菜單，如打開(kāi)文件、文件夾等。

Edit是編輯過(guò)程中的相關(guān)菜單，比如撤銷(xiāo)等。

View是顯示或者隱藏哪些視圖窗口的菜單。

Go是跳轉(zhuǎn)類(lèi)的菜單，如轉(zhuǎn)定義等等。

Debug是調(diào)試相關(guān)的菜單。

Help是幫助菜單

3、接著看左側(cè)的快捷工具欄，從上到下依次是：

Explorer：當(dāng)前打開(kāi)的文件或者文件夾的列表窗口。

Search：查找和替換窗口。

Source Control：源碼管理的窗口，比如配合svn、git等源碼管理工具。

Debug：調(diào)試窗口。Extensions：擴(kuò)展插件窗口

4、在左側(cè)快捷工具欄的最下方，是設(shè)置按鈕，點(diǎn)擊之后，會(huì)出現(xiàn)一個(gè)彈出菜單，選擇Settings，就能在右側(cè)出現(xiàn)各種明細(xì)的設(shè)置選項(xiàng)。點(diǎn)開(kāi)設(shè)置頁(yè)面后，首先看到的是間隔多少毫秒自動(dòng)保存的設(shè)置項(xiàng)，接著是字號(hào)、字體的設(shè)置

5、接下來(lái)，演示如何創(chuàng)建一個(gè)html頁(yè)面。首先點(diǎn)擊左上角的【File】菜單，選擇【New File】就會(huì)出現(xiàn)一個(gè)空白的標(biāo)簽頁(yè)，這樣的標(biāo)簽頁(yè)還沒(méi)有存儲(chǔ)任何內(nèi)容，也沒(méi)有存儲(chǔ)成物理文件，所以，書(shū)寫(xiě)代碼的時(shí)候，沒(méi)有智能提示

6、這個(gè)時(shí)候，可以使用【Ctrl + S】組合鍵，或者，點(diǎn)擊【File】菜單下面的【Save】選項(xiàng)，保存文件到電腦的磁盤(pán)。在彈出的保存到磁盤(pán)位置的界面中，默認(rèn)的文件類(lèi)型是txt文本文件，注意要修改為.html結(jié)尾的文件，才是html網(wǎng)頁(yè)文件

7、當(dāng)保存為html結(jié)尾的網(wǎng)頁(yè)格式文件之后，在文件的開(kāi)始處，輸入一個(gè)感嘆號(hào)，再按一下Tab鍵，就能自動(dòng)生成符合H5規(guī)范的html頁(yè)面框架內(nèi)容了

以上就是vscode基礎(chǔ)使用和設(shè)置方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

vscode英文版怎么設(shè)置自動(dòng)保存的時(shí)間?

vscode編輯器代碼小視圖怎么在左邊顯示?

vscode代碼折疊功能怎么使用? vscode折疊代碼的方法