vscode怎么使用? vscode基礎(chǔ)使用教程

發(fā)布時(shí)間：2022-08-03 15:44:07 作者：佚名

我要評論

vscode怎么使用？vscode前端開發(fā)都會用到，新手剛接觸不知道該怎么使用，下面我們就來看看vscode基礎(chǔ)使用教程，詳細(xì)請看下文介紹

visual studio code簡稱叫做vscode，在程序開發(fā)中使用到，既可以寫html、js的代碼，也可以寫后臺代碼。那么，visual studio code如何使用，以及自定義設(shè)置呢？

Visual Studio Code(代碼編輯器) v1.83.1 32位官方中文免費(fèi)綠色版

類型：編譯工具
大?。?/span>120MB
語言：簡體中文
時(shí)間：2023-10-13

查看詳情

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

首先看頂部的菜單欄，F(xiàn)ile是對文件操作的菜單，如打開文件、文件夾等。Edit是編輯過程中的相關(guān)菜單，比如撤銷等。View是顯示或者隱藏哪些視圖窗口的菜單。Go是跳轉(zhuǎn)類的菜單，如轉(zhuǎn)定義等等。Debug是調(diào)試相關(guān)的菜單。Help是幫助菜單

接著看左側(cè)的快捷工具欄，從上到下依次是，Explorer：當(dāng)前打開的文件或者文件夾的列表窗口。Search：查找和替換窗口。Source Control：源碼管理的窗口，比如配合svn、git等源碼管理工具。Debug：調(diào)試窗口。Extensions：擴(kuò)展插件窗口

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

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

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