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