軟件介紹

Visual Studio Code2019是一款功能十分強大的可跨平臺的開發(fā)軟件，深受廣大程序員的喜愛，可完美編程VB、JS、HTML、PHP等，被稱為宇宙第一IDE，不管什么語言編程，一個軟件通通拿下。

軟件特色

1、一鍵補全，智能提示，并且有用法展示，還有快捷選擇，N多的插件，支持其它平臺平滑過渡，可以安裝對應(yīng)平臺的快捷鍵插件，運行速度快

Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現(xiàn)代化輕量級代碼編輯器，支持幾乎所有主流的開發(fā)語言的語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、GIT 等特性，支持插件擴展，并針對網(wǎng)頁開發(fā)和云端應(yīng)用開發(fā)做了優(yōu)化。軟件跨平臺支持 Win、Mac 以及 Linux，運行流暢，可謂是微軟的良心之作……

2、自動插入空格、擴展管理等

相信很多程序員同學(xué)都沒想過有一天能在不用虛擬機的情況下直接在 Mac、Linux 上使用 VisualStudio 吧。當(dāng)然，微軟稱 Visual Studio Code 并非完整版的 Visual Studio，它只是一款輕量級的代碼編輯器，而不是一個重量級的完整 IDE (集成開發(fā)環(huán)境)，它的競爭對手將會是 Sublime Text、Atom、VIM、Notepad++ 等產(chǎn)品。

3、Visual Studio Code 是微軟首次為開發(fā)者提供「跨平臺」的代碼編輯器，微軟開發(fā)部門負(fù)責(zé)人稱：“雖然許多人把 Windows 作為開發(fā)環(huán)境，但還有很多人用的是 Linux 和 Mac，與其說服這些人改用 Windows，不如在他們使用的平臺上提供工具滿足其要求。” 可以預(yù)見，VSC 的推出將會在開發(fā)界掀起軒然大波。

4、VSC 的編輯器界面依然是微軟經(jīng)典的 VS 風(fēng)格，對于常接觸的人來說會很親切。在編程語言和語法上支持 C++, jade, PHP, Python, XML, Batch, F#, DockerFile, Coffee Script, Java, HandleBars, R, Objective-C, PowerShell, Luna, Visual Basic, Markdown, JavaScript, JSON, HTML, CSS, LESS, SASS, C#, TypeScript (支持情況)。

5、經(jīng)實際體驗測試，VS Code 的啟動速度以及打開大型文件的速度都非常迅速流暢，完全不卡，加載大文件幾乎秒開，相比 Atom、Sublime Text 等感覺都要優(yōu)秀！這一點對于某些追求效率的朋友來說的確非常誘人！

6、個人認(rèn)為 VSC 對WEB和前端開發(fā)相對比較友好，相信日后會有不少如 PHP、Python、Ruby、Go、JS、Node 等的開發(fā)者會切換到 VSCode 來，它更像一個 WEB 開發(fā)界的 VS。

7、Visual Studio Code 現(xiàn)在已經(jīng)支持大量的擴展插件，大家可以根據(jù)自己的需求打造出最適合自己使用的編輯器了，當(dāng)然，這也讓 VSC 也有了很大的競爭力！

軟件功能

1、代碼目錄功能：快捷鍵【Ctrl+B】

2、全局搜索功能：可搜索文件或者目錄，快捷鍵【Ctrl+Shift+F】

3、Github，管理代碼，必須要在你的電腦上裝了git才可使用

4、Debug，用于調(diào)試代碼，同樣需要編譯環(huán)境支持

5、git分支，顯示當(dāng)前代碼所屬git分支

6、錯誤警告，顯示當(dāng)前文件中的語法錯誤

7、窗口分割，最多支持三個窗口同時瀏覽文件

8、本地搜索，用于當(dāng)前文件中內(nèi)容查找，快捷鍵【Ctrl+F】

9、Tab長度，顯示Tab鍵對應(yīng)的長度，一般是4個空格，點擊可修改

10、光標(biāo)狀態(tài)，顯示當(dāng)前光標(biāo)位置還有選中的字符數(shù)

11、換行字符，CRLF是Windows的回車換行，Unix是則只有換行LF

Visual Studio Code2019怎么運行代碼

1、環(huán)境的準(zhǔn)備

VSC的官網(wǎng)、下載、安裝。VSC只是一個純文本編輯器(editor)，不是IDE(集成開發(fā)環(huán)境)，不含編譯器(compiler)和許多其它功能，所以編譯器要自己裝好。

2、找到路徑

前面我們利用Visual Studio Code命令行創(chuàng)建了項目，我們找到路徑

3、打開文件夾

打開Visual Studio Code，依次點擊菜單欄中的“文件”->“打開文件夾”，

4、選擇文件夾

在打開文件夾對話框中，我們選擇項目的路徑文件夾，然后點擊“選擇文件夾”

這樣項目就在左側(cè)的資源管理器中打開了

5、寫入文字

我們在視圖Index.cshtml中添加一個div，并寫入一段文字

6、在終端輸入：dotnet build

由于Visual Studio Code不像Visual Studio那樣，菜單欄中有編譯和運行，所以我們在終端輸入：dotnet build

我們接著在終端輸入：dotnet run

7、運行完成

我們按住Ctrl+鏈接地址，即可在瀏覽器中打開MVC Web應(yīng)用，并且看到我們在視圖中所做的修改部分內(nèi)容

Visual Studio Code2019怎么設(shè)置中文

進入電腦后，通過快捷方式打開Visual Studio Code，默認(rèn)顯示的是英文

使用快捷鍵Ctrl + Shift + P，打印相關(guān)設(shè)置功能菜單，選擇Configure Display Language

這時菜單變?yōu)閮蓚�en和Install additional languages，選擇第二個

在左側(cè)彈出可以安裝相關(guān)的語言插件，選擇中文簡體，點擊Install

接著進行安裝，可以查看到右側(cè)顯示中文簡體語言包信息

安裝完畢后，提示需要重啟工具，點擊Restart Now進行重啟

重啟完畢后，工具顯示為中文簡體（原先是顯示英文）

Visual Studio Code2019怎么直接進行瀏覽器打開設(shè)置

1、新建一個項目的文件夾，假設(shè)為 test-home ,使用vscode打開這個文件夾：如圖

2、打開里面這個 launch.json 進行配置，直接寫下如下代碼即可：

{

    "version": "0.2.0",

    "configurations": [

    {   //設(shè)置chrome啟動網(wǎng)頁文件

        "name": "谷歌瀏覽器",

        "type": "chrome",

        "request": "launch",

        "url": "${file}",

        "sourceMaps": true,

        "webRoot": "${workspaceRoot}"

    },

    {

        //設(shè)置直接啟動node程序

        "name": "node",

        "type": "node",

        "request": "launch",

        "program": "${file}",

        "stopOnEntry": false,

        "args": [],

        "cwd": "${workspaceRoot}",

        "runtimeExecutable": null,

        "runtimeArgs": [

            "--nolazy"

        ],

        "env": {

            "NODE_ENV": "development"

        },

        "console": "internalConsole",

        "preLaunchTask": "",

        "sourceMaps": false,

    }

]

}

設(shè)置完保存就可以了。

測試網(wǎng)頁文件步驟

1、選擇你的文件，這里假設(shè)一個測試網(wǎng)頁文件temp.html,如圖：

2、點擊左側(cè)這個圖標(biāo)，然后選擇我們剛才設(shè)置的“谷歌瀏覽器”，點擊開始的綠色按鈕就可以；