vscode怎么使用? vscode基礎(chǔ)使用和設(shè)置方法

visual studio code簡稱叫做vscode,在程序開發(fā)中使用到,既可以寫html、js的代碼,也可以寫后臺代碼。那么,visual studio code軟件該怎么使用,怎么自定義設(shè)置呢?下面我們就來介紹一下關(guān)于vscode的基礎(chǔ)知識,請看下文詳細(xì)介紹。
1、打開visual studio code之后,界面如圖所示。最上方的是菜單欄,左側(cè)的是快捷工具欄,設(shè)置按鈕就在左側(cè)的最下方
2、首先看頂部的菜單欄,F(xiàn)ile是對文件操作的菜單,如打開文件、文件夾等。
Edit是編輯過程中的相關(guān)菜單,比如撤銷等。
View是顯示或者隱藏哪些視圖窗口的菜單。
Go是跳轉(zhuǎn)類的菜單,如轉(zhuǎn)定義等等。
Debug是調(diào)試相關(guān)的菜單。
Help是幫助菜單
3、接著看左側(cè)的快捷工具欄,從上到下依次是:
Explorer:當(dāng)前打開的文件或者文件夾的列表窗口。
Search:查找和替換窗口。
Source Control:源碼管理的窗口,比如配合svn、git等源碼管理工具。
Debug:調(diào)試窗口。Extensions:擴(kuò)展插件窗口
4、在左側(cè)快捷工具欄的最下方,是設(shè)置按鈕,點擊之后,會出現(xiàn)一個彈出菜單,選擇Settings,就能在右側(cè)出現(xiàn)各種明細(xì)的設(shè)置選項。點開設(shè)置頁面后,首先看到的是間隔多少毫秒自動保存的設(shè)置項,接著是字號、字體的設(shè)置
5、接下來,演示如何創(chuàng)建一個html頁面。首先點擊左上角的【File】菜單,選擇【New File】就會出現(xiàn)一個空白的標(biāo)簽頁,這樣的標(biāo)簽頁還沒有存儲任何內(nèi)容,也沒有存儲成物理文件,所以,書寫代碼的時候,沒有智能提示
6、這個時候,可以使用【Ctrl + S】組合鍵,或者,點擊【File】菜單下面的【Save】選項,保存文件到電腦的磁盤。在彈出的保存到磁盤位置的界面中,默認(rèn)的文件類型是txt文本文件,注意要修改為.html結(jié)尾的文件,才是html網(wǎng)頁文件
7、當(dāng)保存為html結(jié)尾的網(wǎng)頁格式文件之后,在文件的開始處,輸入一個感嘆號,再按一下Tab鍵,就能自動生成符合H5規(guī)范的html頁面框架內(nèi)容了
以上就是vscode基礎(chǔ)使用和設(shè)置方法,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
vscode代碼折疊功能怎么使用? vscode折疊代碼的方法
相關(guān)文章
VSCode怎么設(shè)置宏? VSCode宏的添加方法
VSCode怎么設(shè)置宏?VSCode編輯代碼的時候,經(jīng)常會使用宏,該怎么設(shè)置宏呢?下面我們就來看看VSCode宏的添加方法,需要的朋友可以參考下2019-04-28vscode怎么規(guī)范代碼? vscode代碼格式化的教程
vscode怎么規(guī)范代碼?vscode編程開發(fā)的時候,發(fā)現(xiàn)代碼很輪,想要自動格式化代碼,該怎么操作呢?下面我們就來看看vscode代碼格式化的教程,需要的朋友可以參考下2019-03-25- vs code英文版怎么顯示隱藏行號?Visual Studio Code中編程開發(fā)的時候,想要隱藏行號,該怎么隱藏或者顯示行號呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-03-20
Mac下使用VScode編譯配置C/C++程序詳細(xì)圖文教程
微軟提供一個跨平臺的編輯器Visual studio code,這個編輯器很輕量級,插件也多,適合在Mac上編寫一些C 或者 C++的代碼,下面就詳情來看看具體的操作步驟,希望對大家有所2018-09-07vscode怎么設(shè)置鍵映射擴(kuò)展? vscode鍵映射的教程
vscode怎么設(shè)置鍵映射擴(kuò)展?vscode中想要設(shè)置鍵映射擴(kuò)展,該怎么設(shè)置呢?下面我們就來看看vscode鍵映射的教程,需要的朋友可以參考下2018-05-10VisualStudio Code怎么按文件名搜索? vscode按文件名搜索的教程
VisualStudio Code怎么按文件名搜索?Visual Studio Code中想要搜索文件,怎么按文件名搜索呢?下面我們就來看看vscode按文件名搜索的教程,需要的朋友可以參考下2018-04-20VisualStudio Code怎么切換大小? vscode代碼切換大小寫的教程
VisualStudio Code怎么切換大?。縑isual Studio Code中輸入的代碼想要切換大小寫,該怎么切換呢?下面我們就來看看vscode代碼切換大小寫的教程,需要的朋友可以參考下2018-04-20VisualStudio Code怎么同時編輯多處?vscode同時編輯多處的三種方法
VisualStudio Code怎么同時編輯多處?Visual Studio Code中想要同時編輯多處,該怎么編輯呢?今天我們就來介紹三種關(guān)于vscode同時編輯多處的方法,需要的朋友可以參考下2018-04-20vscode如何關(guān)閉自動更新提示?visual studio code禁止自動更新的方法介
最近,很多網(wǎng)友問小編vscode如何關(guān)閉自動更新提示?今天小編就給大家詳細(xì)介紹一下visual studio code禁止自動更新的方法,非常簡單,需要的朋友一起去了解一下吧2018-04-11visual studio code怎么改快捷鍵?vscode修改默認(rèn)快捷鍵的方法介紹
使用vscode時,經(jīng)常會遇到和其他軟件快捷鍵沖突的問題,這個時候我們需要修改快捷鍵,那么,visual studio code怎么改快捷鍵?今天小編就給大家詳細(xì)介紹一下vscode修改默認(rèn)2018-04-11