哈嘍大家周一好！好久不見(jiàn)鴨，最近在看一本書(shū)，很好，《人類(lèi)簡(jiǎn)史》，適合夏日星空，仰觀宇宙之大?

這個(gè)專(zhuān)題是“做貢獻(xiàn)”，也是作為軟粉，打算一直推廣微軟自己的東西，上一次還是很久之前的翻譯《一 || 微軟技術(shù)本地化工作》，不知道有沒(méi)有小伙伴做了這個(gè)事情呢，我平時(shí)做的也不是很多，不過(guò)每周都會(huì)去做，只要自己出一份力，那效果就是很明顯的，幫助人這種事，本來(lái)就是幸福的，前提是心態(tài)要好。

今天要推薦一波 VSCode 這個(gè)IDE，同時(shí)打算翻譯下官方文檔?https://code.visualstudio.com/docs?，這里主要是 vscode 的使用教程，因?yàn)楝F(xiàn)在還沒(méi)有中文文檔，所以打算有機(jī)會(huì)是不是試著翻譯翻譯。

誠(chéng)然，我也是很久之前都知道了 VSCode ，而且也確實(shí)一直都沒(méi)有使用，因?yàn)槲覀冇杏钪娴谝粡?qiáng)的 VS 呀，雖說(shuō) VSCode 很輕量，但是依然沒(méi)有特別吸引到我，直到15號(hào)看微軟開(kāi)發(fā)者博客文檔，才知道，原來(lái) VSCode 可以一鍵支持 java 開(kāi)發(fā)了（https://devblogs.microsoft.com/visualstudio/announcing-visual-studio-code-java-installer/），想必每一個(gè)開(kāi)發(fā)java 的小伙伴都曾經(jīng)為配置 java 環(huán)境而頭痛不已，沒(méi)關(guān)系！現(xiàn)在 VSCode 支持一鍵安裝 java 環(huán)境，只需要一分鐘，就可以開(kāi)發(fā)java 項(xiàng)目了，是不是很神奇，具體的操作會(huì)在下邊的文章中提到。

如果這個(gè)時(shí)候，你說(shuō)我，作為一個(gè)軟粉，對(duì)java為什么這么高興?，我想說(shuō)的是，現(xiàn)在慢慢到了一個(gè)微服務(wù)的時(shí)代了，語(yǔ)言已經(jīng)不是之前那么涇渭分明了，我也一直跟群里的小伙伴說(shuō)，未來(lái)的發(fā)展趨勢(shì)一定是多語(yǔ)言的大融合（這里是后端編譯語(yǔ)言：c#，java，c++這三個(gè)，還有解釋語(yǔ)言 python），只需要提供各自的服務(wù)即可，我作為一個(gè)軟粉都已經(jīng)支持 Java 的發(fā)展了，我承認(rèn) NetCore/c# 還有一些地方不是最優(yōu)解，但是如果某些 JAVA 粉一上來(lái)就跟我說(shuō)，java是無(wú)敵的，netcore這不行那不行，java各種好的話，我不好說(shuō)什么，只能說(shuō)咱們是肯定不會(huì)成為朋友的。

其實(shí)微軟自從開(kāi)源了這幾年以來(lái)，一直致力于Open的目的，不僅體現(xiàn)在 Github 開(kāi)源項(xiàng)目上，最簡(jiǎn)單的舉個(gè)栗子，我平時(shí)都會(huì)看微軟的開(kāi)發(fā)者文章，就比如 vs blog 來(lái)說(shuō)，也一直在 vs/vscode 上 open 對(duì)其他語(yǔ)言的最優(yōu)解支持，盡可能的方便微軟開(kāi)發(fā)者使用其他語(yǔ)言，比如python（微軟中國(guó)也在內(nèi)部推廣使用python），同時(shí)也是一直鼓勵(lì)其他語(yǔ)言的小伙伴，來(lái)使用 vscode 來(lái)開(kāi)發(fā)：

（ vs/vscode IDE，最大力度支持多種語(yǔ)言，共同發(fā)展）

這就是今天要給大家推廣 VSCode 的目的，而且我現(xiàn)在正在準(zhǔn)備全部轉(zhuǎn)向 VSCode 的使用，下邊就說(shuō)說(shuō)我在平時(shí)的開(kāi)發(fā)中，都使用了哪些語(yǔ)言和對(duì)應(yīng)的插件等。

這個(gè)當(dāng)然是毋庸置疑的，不僅僅是我的開(kāi)源項(xiàng)目使用的是 NetCore ，公司內(nèi)部的項(xiàng)目也正在建議使用，也向自己的組員安利，并指導(dǎo)他們使用 依賴(lài)注入、中間件、AOP等等必須要掌握的知識(shí)點(diǎn)。具體的知識(shí)就不多說(shuō)了，大家自行看我的專(zhuān)題文章即可，這里僅僅是說(shuō)下，如何使用這個(gè)工具。

0、安裝 VSCode IDE

工欲善其事必先利其器，我們要使用，就必須先安裝：
地址：https://code.visualstudio.com/

我這里就直接使用 Windows 版本了，聽(tīng)說(shuō)現(xiàn)在某些公司都開(kāi)始普及蘋(píng)果電腦了，不過(guò)我沒(méi)用過(guò)，安裝成功后，我們就可以直接使用了，占內(nèi)存很小。

1、安裝依賴(lài)擴(kuò)展

我跟我的組員平時(shí)說(shuō)的是，學(xué)習(xí)任何一門(mén)技術(shù)，必須先看官網(wǎng)，當(dāng)然我們使用 vscode 也要看官方資料：

地址：https://code.visualstudio.com/docs/languages/dotnet

相信 netcore SDK 我們肯定都安裝好了，畢竟大家都開(kāi)發(fā)過(guò)了，這里不細(xì)說(shuō)。此外，需要安裝下 c# 擴(kuò)展：

2、新建一個(gè)項(xiàng)目

大家可以看到，VSCode 新建好以后，不像是 VS 那樣，有可以新建項(xiàng)目的一些可視化界面，之所以 VSCode 很輕量級(jí)，就是舍棄到了一些東西，所以這個(gè)時(shí)候我們就需要使用命令行來(lái)進(jìn)行操作了，

1、新建項(xiàng)目文件夾；

2、VSCode 打開(kāi)文件夾（這里的文件夾名稱(chēng)，在VSCode中，自動(dòng)變成了大寫(xiě)了）；

3、調(diào)起終端平臺(tái)（CTRL + ` ）；

4、命令行，新建 webapi 項(xiàng)目（dotnet new webapi?這里我們可以看到已經(jīng)繼承了 React 和 Ng 項(xiàng)目，為啥沒(méi)有 Vue 呢？）

5、等待依賴(lài)安裝（中間會(huì)提示少包或者缺少資產(chǎn)，點(diǎn)擊 Yes）；

6、運(yùn)行，斷點(diǎn)調(diào)試（這里有和 VS 不同的地方，就是編譯的時(shí)候，允許修改代碼，但是不生效，必須重新編譯才可以）；

3、打開(kāi)已有工程

?上邊新建完成后，這個(gè)打開(kāi)已有項(xiàng)目就很簡(jiǎn)單了，我們就用Blog.Core 項(xiàng)目做實(shí)驗(yàn)，這里有兩個(gè)方法，第一個(gè)可以直接在 VSCode 的集成終端通過(guò) git clone 命令，把代碼 clone 到本地；第二個(gè)就是下載代碼，然后直接打開(kāi)文件（這里肯定不是 VS 那種，必須有一個(gè) .sl 文件來(lái)執(zhí)行了）；

1、下載源碼；

2、VSCode 打開(kāi) Core 項(xiàng)目根目錄，安裝依賴(lài)；

3、根目錄執(zhí)行編譯命令（donet build）；

4、進(jìn)入 web 層，執(zhí)行 dotnet run；

5、運(yùn)行，斷點(diǎn)調(diào)試；

4、總結(jié)

從上邊的操作中，大家可以看出來(lái)，VSCode 也是慢慢趨向于命令化，而不是微軟典型的可視化的習(xí)慣，我們也需要慢慢的改掉這個(gè)習(xí)慣，比如我們使用 windows 習(xí)慣了，用Linux 會(huì)顯得很吃力，shell 命令使用的也是很捉襟見(jiàn)肘，用 VS 久了，也就習(xí)慣了點(diǎn)擊操作了，而對(duì)命令行操作不是很喜歡。

建議還是要多使用命令行，這是趨勢(shì)。

說(shuō)完了netcore ，那 vue 開(kāi)發(fā)會(huì)怎么樣呢，以前我都是使用 webstorm 開(kāi)發(fā)的，下邊看看 VSCode 會(huì)是怎么樣。

IDE 安裝就不說(shuō)了，在上邊說(shuō)過(guò)了。

1、安裝插件

在 VSCode 中，使用 CTRL + P 來(lái)直接安裝插件，配合 vue 開(kāi)發(fā)使用較多的插件，我選擇了以下兩個(gè)：

1、語(yǔ)法高亮：vetur??

2、代碼規(guī)范：eslint

防止文章圖片過(guò)多，具體的安裝過(guò)程省略，很簡(jiǎn)單，自行處理即可。

2、使用腳手架創(chuàng)建新項(xiàng)目

相信大家這個(gè)已經(jīng)使用的得心應(yīng)手了，只需要一個(gè)命令就能快速創(chuàng)建 vue 工程，當(dāng)然，如果你喜歡使用 init webpack 的話，可能還需要一些配置，這個(gè)以后再具體說(shuō)，這就就直接使用 vue-cli 創(chuàng)建一個(gè)新的 vue 工程，我的其他文章里也寫(xiě)道了，具體的內(nèi)容可以參考這篇《二十一║Vue實(shí)戰(zhàn)：開(kāi)發(fā)環(huán)境搭建【詳細(xì)版】》。

1、創(chuàng)建項(xiàng)目文件夾；

2、在 VSCode 終端，執(zhí)行 vue create 項(xiàng)目名；

3、運(yùn)行項(xiàng)目；

3、打開(kāi)已有項(xiàng)目

這個(gè)也特別簡(jiǎn)單，直接來(lái)操作下我們的 Blog.Admin 項(xiàng)目吧：

1、GitHub 下載源碼；

2、VSCode 打開(kāi)根目錄；

3、安裝依賴(lài)，執(zhí)行? npm install；

4、運(yùn)行 npm run serve；

這里就直接不放動(dòng)圖了，沒(méi)有太多需要注意的點(diǎn)。

從上邊的操作中，大家可以看出來(lái)，其實(shí)在 vue 開(kāi)發(fā)中，無(wú)論是使用 vscode ，還是使用 webstorm ，基本都還差不多，沒(méi)有太多的差別，但是！還是那句話，命令化操作，依然在整個(gè)項(xiàng)目中，起到很大的作用。

說(shuō)完了netcore 和 vue 的前后端項(xiàng)目，可能還是體會(huì)不到 VSCode 的好處，沒(méi)關(guān)系，咱們先來(lái)個(gè) python 試一試，最近我也在開(kāi)發(fā) python 的小工具，那是不是像上邊那么簡(jiǎn)單呢，請(qǐng)往下看。

現(xiàn)在我的項(xiàng)目中，也開(kāi)始使用python了，主要是做一些工具和爬蟲(chóng)的操作，語(yǔ)法簡(jiǎn)單，功能復(fù)雜，入手很快，建議大家都了解一下。

我們通過(guò)在 VSCode 中搜索 Python 插件，發(fā)現(xiàn)，開(kāi)發(fā) python 的話，需要三步走，第一步需要搭建適合自己機(jī)型的環(huán)境。

1、搭建環(huán)境

直接在上述地址（https://www.python.org/downloads/），下載并安裝即可。

具體的傻瓜式安裝，就不多說(shuō)了，可以自定義安裝路徑和功能，并添加到電腦 Path 中：

2、安裝擴(kuò)展插件

第一個(gè)肯定的就是 Python 擴(kuò)展了，搜索并安裝：Python

第二個(gè)就是 Python 解釋器，可以實(shí)現(xiàn)代碼的智能提示，執(zhí)行命令：使用?Ctrl+Shift+P?打開(kāi)命令板，輸入指令：Python: Select Interpreter

第三個(gè)可能 VSCode 會(huì)提示安裝?pylint ，這個(gè)在右下角彈窗，自己 install 即可。

如果你安裝好環(huán)境后，會(huì)直接出現(xiàn) python 的可執(zhí)行文件路徑，然后左下角會(huì)顯示 Python 的版本，證明已經(jīng)準(zhǔn)備就緒，這是手動(dòng)安裝的。

?

3、創(chuàng)建新項(xiàng)目

上邊我們安裝好環(huán)境和依賴(lài)以后，剩下的就是直接開(kāi)發(fā)了。

1、新建項(xiàng)目根目錄文件夾；

2、VSCode 打開(kāi)目錄；

3、新建 .py 文件，并填寫(xiě)代碼；

4、右鍵，運(yùn)行在終端；

?

?是不是很簡(jiǎn)單，我們已經(jīng)在終端看到輸出的結(jié)果。以后就可以入門(mén) python 開(kāi)發(fā)了，那如果調(diào)試怎么辦呢？也很簡(jiǎn)單。

4、調(diào)試項(xiàng)目

?我們直接在代碼前邊加個(gè)斷點(diǎn)，按調(diào)試快捷鍵F5，可以命中斷點(diǎn),調(diào)試的兩個(gè)快捷鍵與Visual Studio相同，F10逐過(guò)程，F11逐語(yǔ)句。

?具體的交給大家了，自己玩玩兒即可，我公司的 python 項(xiàng)目我就不貼出來(lái)了，等我過(guò)兩天開(kāi)發(fā)出來(lái)一個(gè) Demo 開(kāi)源下。

相信大家也都是很清楚，java 開(kāi)發(fā)者和 net 程序員一直各種相愛(ài)相殺，但是微軟已經(jīng)摒棄了這種狹隘的思想，技術(shù)本身就是無(wú)界限的，無(wú)所謂的我好你不好，特別是在最新的 VSCode 中，更是直接開(kāi)發(fā)了一鍵配置 java 的工具，極大的拉進(jìn)了兩個(gè)語(yǔ)種的距離。

微軟為 Java 開(kāi)發(fā)者推出了一個(gè) Visual Studio Code 的安裝程序。Visual Studio Code 中目前提供了許多 Java 擴(kuò)展，但是微軟認(rèn)為有必要讓開(kāi)發(fā)者更容易開(kāi)始上手編碼，所以為 Java 開(kāi)發(fā)者發(fā)布了一個(gè)特殊的 Visual Studio Code 安裝程序 ，這篇文章有詳細(xì)的介紹?Visual Studio Code Java Pack Installer，具體的安裝，下文會(huì)說(shuō)到。

　該軟件包可直接安裝或作為現(xiàn)有環(huán)境的更新，以將 Java 或 Visual Studio Code 添加到開(kāi)發(fā)環(huán)境中。下載并打開(kāi)后，它會(huì)傻瓜式地自動(dòng)檢測(cè)系統(tǒng)中是否擁有本地開(kāi)發(fā)環(huán)境中的基本組件，包括 JDK、Visual Studio Code 和基本 Java 擴(kuò)展。完成后，就可以直接打開(kāi) Visual Studio Code 并開(kāi)始編寫(xiě)和運(yùn)行 Java 代碼。

1、一鍵安裝環(huán)境及擴(kuò)展

So today, we’re releasing a special?Installer of Visual Studio Code for Java developers. The package can be used as a clean install or an update for existing environment to add Java or Visual Studio Code to your development environment. Once?downloaded?and opened, it automatically detects if you have the fundamental components in your local development environment, including the JDK, Visual Studio Code and essential Java extensions.

等待安裝成功：

2、VSCode 開(kāi)發(fā)項(xiàng)目

?上邊我們通過(guò)一鍵安裝，不僅把系統(tǒng)環(huán)境變量和 JDK 都安裝好了，某些 VSCode 中的依賴(lài)也一并安裝成功，我們現(xiàn)在就直接進(jìn)行開(kāi)發(fā)：

1、新建項(xiàng)目根目錄文件夾；

2、新建 .java 測(cè)試文件；

3、書(shū)寫(xiě)代碼，并 Run 執(zhí)行輸出；

4、斷點(diǎn)調(diào)試；

?好了，今天給大家說(shuō)了一下 VSCode 的基本用法以及我平時(shí)中用到的那些項(xiàng)目語(yǔ)言，從 VSCode 的開(kāi)放程度來(lái)看，微軟不僅要致力于完全的開(kāi)源政策。更意愿促進(jìn)基于多語(yǔ)言的融合，所以也是希望大家可以自己去練習(xí)練習(xí)，也多多使用和推薦，將 VSCode 推薦給自己身邊的人使用。另外，大家也可以為在文章頂部的VS code使用文檔，做些漢化貢獻(xiàn)。

原文地址：https://www.cnblogs.com/laozhang-is-phi/p/VSCode.html

.NET社區(qū)新聞，深度好文，歡迎訪問(wèn)公眾號(hào)文章匯總?http://www.csharpkit.com?

總結(jié)

以上是生活随笔為你收集整理的推荐VSCode多语言开发，支持一键JAVA的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。