vscode入門教程之頁面啟動與代碼調試
初次使用vscode時各種不適應，所有需要用到的功能貌似都需要單獨安裝插件才能用。這讓很多初次使用vscode的朋友有點無所適從。
下面本人就帶各位朋友學習下如何使用vscode來進行最基本的工作——頁面啟動與代碼調試
一、安裝vscode（已經安裝的朋友忽略，直接進行第二步）
官網下載地址：https://code.visualstudio.com/docs/?dv=win
稍等幾秒鐘，會自動彈出下載框
二、安裝中文插件
vscode默認是英文菜單，想以中文形式來顯示的朋友可以搜索插件【Chinese (Simplified) Language Pack for Visual Studio Code】，如圖：
安裝之后，點擊重新加載，或者重啟vscode，既可以中文形式顯示菜單。
三、頁面調試
1. 配置launch.json
配置完此處的朋友先不要著急進行嘗試，因為此時點擊綠色的開始按鈕調試啟動后，發(fā)現頁面并打不開，只是個瀏覽器鏈接失敗的提示。
此時，我們需要安裝類似apache、iis之類的服務器插件來支持頁面在模擬服務器中運行并顯示。
2. 安裝插件【Live Server】
這就是上面提到的支持頁面在模擬服務器中運行的插件了，如圖：
安裝完成如果左側有【重新加載】的提示，則點擊該按鈕以重新加載。
3. 打開html頁面，進行調試測試
基礎工作都準備好了，此時調試模式有兩種：
使用本地靜態(tài)頁面調試：
選擇自己配置的測試選項，打開需要調試的頁面，按F5啟動調試，如圖
使用服務器形式進行調試：
此時我們安裝的live server就派上用場了，同樣打開要調試的頁面，鼠標在頁面任意地方右鍵單機，選擇“Open with live server”，如圖：
此時我們想使用vscode進行代碼調試的需求到這里就已經大功告成了?。。?/em>
最后，為大家推薦一個好看的vscode文件圖標主題插件：【Material Icon Theme】
效果如圖：
相關文章
這篇文章主要介紹了git的遠程分支的作用和本地的有什么區(qū)別,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-10-10
使用json顯示日期時，細心的朋友會發(fā)現帶T字母，就是天數跟小時數之間出現了一個T，下面為大家介紹下具體的解決方法2013-10-10
Apifox?Echo學習curl?httpie?命令使用詳解
這篇文章主要為大家介紹了通過Apifox?Echo學習curl?httpie?命令使用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
transform實現HTML5 video標簽視頻比例拉伸實例詳解
這篇文章主要介紹了transform實現HTML5 video標簽視頻比例拉伸的相關資料,需要的朋友可以參考下2016-09-09
教你使用Typora?+?阿里云OSS?+?PicGo?搭建私人圖床(最新)
這篇文章主要介紹了教你使用Typora?+?阿里云OSS?+?PicGo?搭建私人圖床,我這里使用的是阿里云對象存儲OSS，你可以使用騰訊、七牛云對象存儲等皆可，需要的朋友可以參考下2022-04-04
提高github下載速度的方法可達到2MB/s(100%有效)
這篇文章主要介紹了提高github下載速度的方法可達到2MB/s(100%有效),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
這篇文章主要為大家介紹了BERT vs GPT自然語言處理中的關鍵差異詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
HTTP定義了與服務器交互的不同方法，最基本的方法是 GET 和 POST.HTTP-GET和HTTP-POST是使用HTTP的標準協(xié)議動詞，用于編碼和傳送變量名/變量值對參數，并且使用相關的請求語義。2009-12-12
這里來說說get與post的區(qū)別與聯系，對這方面不懂的鵬喲可以參考下。2011-04-04
阿里開源低代碼引擎和生態(tài)建設實戰(zhàn)及思考
這篇文章主要為大家介紹了阿里開源低代碼引擎和生態(tài)建設實戰(zhàn)及思考，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06