vscode入門教程之頁面啟動與代碼調(diào)試
初次使用vscode時各種不適應(yīng)，所有需要用到的功能貌似都需要單獨(dú)安裝插件才能用。這讓很多初次使用vscode的朋友有點(diǎn)無所適從。
下面本人就帶各位朋友學(xué)習(xí)下如何使用vscode來進(jìn)行最基本的工作——頁面啟動與代碼調(diào)試
一、安裝vscode（已經(jīng)安裝的朋友忽略，直接進(jìn)行第二步）
官網(wǎng)下載地址：https://code.visualstudio.com/docs/?dv=win
稍等幾秒鐘，會自動彈出下載框
二、安裝中文插件
vscode默認(rèn)是英文菜單，想以中文形式來顯示的朋友可以搜索插件【Chinese (Simplified) Language Pack for Visual Studio Code】，如圖：
安裝之后，點(diǎn)擊重新加載，或者重啟vscode，既可以中文形式顯示菜單。
三、頁面調(diào)試
1. 配置launch.json
配置完此處的朋友先不要著急進(jìn)行嘗試，因?yàn)榇藭r點(diǎn)擊綠色的開始按鈕調(diào)試啟動后，發(fā)現(xiàn)頁面并打不開，只是個瀏覽器鏈接失敗的提示。
此時，我們需要安裝類似apache、iis之類的服務(wù)器插件來支持頁面在模擬服務(wù)器中運(yùn)行并顯示。
2. 安裝插件【Live Server】
這就是上面提到的支持頁面在模擬服務(wù)器中運(yùn)行的插件了，如圖：
安裝完成如果左側(cè)有【重新加載】的提示，則點(diǎn)擊該按鈕以重新加載。
3. 打開html頁面，進(jìn)行調(diào)試測試
基礎(chǔ)工作都準(zhǔn)備好了，此時調(diào)試模式有兩種：
使用本地靜態(tài)頁面調(diào)試：
選擇自己配置的測試選項(xiàng)，打開需要調(diào)試的頁面，按F5啟動調(diào)試，如圖
使用服務(wù)器形式進(jìn)行調(diào)試：
此時我們安裝的live server就派上用場了，同樣打開要調(diào)試的頁面，鼠標(biāo)在頁面任意地方右鍵單機(jī)，選擇“Open with live server”，如圖：
此時我們想使用vscode進(jìn)行代碼調(diào)試的需求到這里就已經(jīng)大功告成了?。。?/em>
最后，為大家推薦一個好看的vscode文件圖標(biāo)主題插件：【Material Icon Theme】
效果如圖：
相關(guān)文章
在一封與TechRepublic會員交流的郵件當(dāng)中，他提到了面向程序員的博客、文章及雜志分成兩類：面向初學(xué)者類（“hello world”這種類型的教程）以及面向?qū)＜翌悾∕SDN雜志）。2011-02-02
你是否有過復(fù)查程序時發(fā)現(xiàn)有些注釋毫無用處？程序注釋是為了提高代碼的可讀性，為了讓原作者以外的其他開發(fā)人員更容易理解這段程序。2011-10-10
玩轉(zhuǎn)VSCode插件之Remote-SSH的使用情況
這篇文章主要介紹了玩轉(zhuǎn)VSCode插件之Remote-SSH的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
關(guān)于使用SQOOP抽數(shù)到Hive遇到的問題
這篇文章主要介紹了關(guān)于使用SQOOP抽數(shù)到Hive遇到的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要為大家介紹了Vertica集成Apache Hudi的重磅使用指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-03-03
這篇文章主要介紹了在IDEA2020.2中配置使用Git的詳細(xì)教程,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
這篇文章主要介紹了在ubuntu18.04版本安裝vscode，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
WinSCP和PuTTY(與Linux系統(tǒng)鏈接的工具)的安裝和使用圖文教程
Putty是用來遠(yuǎn)程連接服務(wù)器的，支持SSH、Telnet、Serial等協(xié)議的連接,WinSCP是一個Windows環(huán)境下使用SSH的開源圖形化SFTP客戶端,它的主要功能就是在本地與遠(yuǎn)程計(jì)算機(jī)間安全的復(fù)制文件,本文重點(diǎn)給大家介紹WinSCP和PuTTY安裝使用，感興趣的朋友一起看看吧2022-06-06
Git遠(yuǎn)程倉庫配置SSH的實(shí)現(xiàn)(以github為例)
本文主要介紹了Git遠(yuǎn)程倉庫配置SSH的實(shí)現(xiàn)(以github為例)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
這篇文章主要介紹了git如何合并某個分支的某次提交(cherry-pick)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05