這篇“如何安裝使用vsCode”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“如何安裝使用vsCode”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價值，內(nèi)容詳細步驟清晰，細節(jié)處理妥當(dāng)，希望大家通過這篇文章有所收獲，下面讓我們一起來看看具體內(nèi)容吧。

我們一直強調(diào)成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)對于企業(yè)的重要性,如果您也覺得重要,那么就需要我們慎重對待,選擇一個安全靠譜的網(wǎng)站建設(shè)公司,企業(yè)網(wǎng)站我們建議是要么不做，要么就做好,讓網(wǎng)站能真正成為企業(yè)發(fā)展過程中的有力推手。專業(yè)的建站公司不一定是大公司,成都創(chuàng)新互聯(lián)作為專業(yè)的網(wǎng)絡(luò)公司選擇我們就是放心。
vscode有什么用

Visual Studio Code 是一個運行于 OS X，Windows和 Linux 之上的，針對于編寫現(xiàn)代 web 和云應(yīng)用的跨平臺編輯器，它為開發(fā)者們提供了對多種編程語言的內(nèi)置支持，并且正如 Microsoft 在Build 大會的 keynote 中所指出的，這款編輯器也會為這些語言都提供了豐富的代碼補全和導(dǎo)航功能。

vsCode安裝

voCode是免費的軟件

下載地址鏈接: 官網(wǎng)下載.

vsCode漢化

按F1 搜索 Configure Display Language 設(shè)置 zh-cn 關(guān)閉軟件重啟。

如果重啟后還是英文的，那么在商店查看已安裝的插件，把中文插件Chinese(simplified) 重新安裝一遍，然后重啟軟件即可。

vsCode常用命令說明

注意

1. Ctrl+shift+F 在文件中查找，可以同時替換。還可以指定在什么文件中，同時指定要排除什么文件等。

2. 我們安裝vscode后，可以直接在任意一個項目目錄下，鼠標(biāo)右鍵然后將這個項目在服務(wù)器上打開。（如果你已經(jīng)有打開了一個窗口，那么他會打開一個新窗口）

vsCode左邊圖標(biāo)說明

vsCode基本使用

1.直接拖入項目文件夾進入軟件

方式一： 拖入工作區(qū)（這樣的話，會保留當(dāng)前以及打開的項目文件夾）

方式二： 拖入工作區(qū)右邊的窗口，這樣的話會讓拖入的窗口覆蓋掉原本以及打開的窗口
（這時vscode會問你是否保存一個文件，用來保存原本工作區(qū)信息，以便下次打開此文件）

備注：對于左側(cè)的文件夾可以直接使用快捷鍵復(fù)制粘貼等。

方式三：

也可以安裝http server插件，安裝完成后按下f1,然后輸入http會看到下面兩個選項，選擇with current file那個能夠創(chuàng)建一個服務(wù)器運行當(dāng)前文件。另外一個會找當(dāng)前目錄下的index.html,然后打開它。

2.在vscode里面創(chuàng)建項目文件夾

3.格式化代碼

在代碼里面右鍵菜單，會彈出相應(yīng)的格式化等功能選項，也有定義引用查找等菜單。

4.在瀏覽器中打開網(wǎng)頁

安裝插件：Open HTML in Default Browser

?用默認(rèn)瀏覽器打開 HTML 文件
?在資源管理器中，HTML 文件右鍵顯示 在瀏覽器中打開 菜單
?在編輯器中，HTML 文件右鍵顯示 在瀏覽器中打開 菜單
?可以同時打開多個頁面

我們在工作區(qū)項目上右鍵菜單就能看到在資源管理器中打開文件的選項

5.以服務(wù)器形式打開文件

方式一：

安裝live server 插件，點擊重新加載或者重啟vscode，然后鼠標(biāo)右鍵就可以在服務(wù)器上打開，
這種模式打開會自動刷新頁面。

方式二：
按下快捷鍵：Ctrl+` 打開命令行終端，執(zhí)行cnpm install live-server -g
安裝好后每次要運行只需要打開終端后執(zhí)行一下live-server即可

使用live-server是把整個網(wǎng)站打開到服務(wù)器上的。不管你當(dāng)前定位到哪一個目錄，他打開的都是默認(rèn)的首頁文件，

如：index.html

如果你根目錄下全是文件夾，或者沒有index.html等默認(rèn)首頁文件，那么服務(wù)器就會顯示一些文件夾讓你選擇。

如：

6.如果要關(guān)閉live-server那么只需要在控制臺執(zhí)行以下ctrl+c，然后輸入y確認(rèn)下即可關(guān)閉。

7.Live-server可以在任意項目根目錄下，打開終端窗口，然后輸入live-server即可讓當(dāng)前項目在服務(wù)器上打開執(zhí)行

8.在以服務(wù)器打開的模式下，我們更改了文件內(nèi)容后只要保存下，瀏覽器就會自動的刷新**，而不需要我們顯式的在瀏覽器里面刷新。

8.前端常用插件

如果你是小白，沒有必要非要弄懂插件的作用，先安裝，后面用著用著你就熟悉了
安裝方法

在vosCode中顯示html界面

感謝你的閱讀，希望你對“如何安裝使用vsCode”這一關(guān)鍵問題有了一定的理解，具體使用情況還需要大家自己動手實驗使用過才能領(lǐng)會，快去試試吧，如果想閱讀更多相關(guān)知識點的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前名稱：如何安裝使用vsCode-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：http://www.chinadenli.net/article30/iicpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、云服務(wù)器、網(wǎng)站設(shè)計、響應(yīng)式網(wǎng)站、App開發(fā)、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)