駕一葉之扁舟 舉匏樽以相屬
寄蜉蝣于天地,渺滄海之一粟。哀吾生之須臾,羨長江之無窮。
挾飛仙以遨游,抱明月而長終。知不可乎驟得,托遺響于悲風。

從壹開始[做貢獻]之二 || 推薦VSCode多語言開發,支持一鍵JAVA

緣起

哈嘍大家周一好!好久不見鴨,最近在看一本書,很好,《人類簡史》,適合夏日星空,仰觀宇宙之大??

這個專題是“做貢獻”,也是作為軟粉,打算一直推廣微軟自己的東西,上一次還是很久之前的翻譯《一 || 微軟技術本地化工作》,不知道有沒有小伙伴做了這個事情呢,我平時做的也不是很多,不過每周都會去做,只要自己出一份力,那效果就是很明顯的,幫助人這種事,本來就是幸福的,前提是心態要好。

今天要推薦一波 VSCode 這個IDE,同時打算翻譯下官方文檔 https://code.visualstudio.com/docs ,這里主要是 vscode 的使用教程,因為現在還沒有中文文檔,所以打算有機會是不是試著翻譯翻譯。

誠然,我也是很久之前都知道了 VSCode ,而且也確實一直都沒有使用,因為我們有宇宙第一強的 VS 呀,雖說 VSCode 很輕量,但是依然沒有特別吸引到我,直到15號看微軟開發者博客文檔,才知道,原來 VSCode 可以一鍵支持 java 開發了https://devblogs.microsoft.com/visualstudio/announcing-visual-studio-code-java-installer/,想必每一個開發java 的小伙伴都曾經為配置 java 環境而頭痛不已,沒關系!現在 VSCode 支持一鍵安裝 java 環境,只需要一分鐘,就可以開發java 項目了,是不是很神奇,具體的操作會在下邊的文章中提到。

如果這個時候,你說我,作為一個軟粉,對java為什么這么高興??,我想說的是,現在慢慢到了一個微服務的時代了,語言已經不是之前那么涇渭分明了,我也一直跟群里的小伙伴說,未來的發展趨勢一定是多語言的大融合(這里是后端編譯語言:c#,java,c++這三個,還有解釋語言 python),只需要提供各自的服務即可,我作為一個軟粉都已經支持 Java 的發展了,我承認 NetCore/c# 還有一些地方不是最優解,但是如果某些 JAVA 粉一上來就跟我說,java是無敵的,netcore這不行那不行,java各種好的話,我不好說什么,只能說咱們是肯定不會成為朋友的。

其實微軟自從開源了這幾年以來,一直致力于Open的目的,不僅體現在 Github 開源項目上,最簡單的舉個栗子,我平時都會看微軟的開發者文章,就比如 vs blog 來說,也一直在 vs/vscode 上 open 對其他語言的最優解支持,盡可能的方便微軟開發者使用其他語言,比如python微軟中國也在內部推廣使用python,同時也是一直鼓勵其他語言的小伙伴,來使用 vscode 來開發:

( vs/vscode IDE,最大力度支持多種語言,共同發展)

 

這就是今天要給大家推廣 VSCode 的目的,而且我現在正在準備全部轉向 VSCode 的使用,下邊就說說我在平時的開發中,都使用了哪些語言和對應的插件等。

 

 

一、VSCode 開發 NetCore

這個當然是毋庸置疑的,不僅僅是我的開源項目使用的是 NetCore ,公司內部的項目也正在建議使用,也向自己的組員安利,并指導他們使用 依賴注入、中間件、AOP等等必須要掌握的知識點。具體的知識就不多說了,大家自行看我的專題文章即可,這里僅僅是說下,如何使用這個工具。

0、安裝 VSCode IDE

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

我這里就直接使用 Windows 版本了,聽說現在某些公司都開始普及蘋果電腦了,不過我沒用過,安裝成功后,我們就可以直接使用了,占內存很小。

 

1、安裝依賴擴展

我跟我的組員平時說的是,學習任何一門技術,必須先看官網,當然我們使用 vscode 也要看官方資料:

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

相信 netcore SDK 我們肯定都安裝好了,畢竟大家都開發過了,這里不細說。此外,需要安裝下 c# 擴展:

 

2、新建一個項目

大家可以看到,VSCode 新建好以后,不像是 VS 那樣,有可以新建項目的一些可視化界面,之所以 VSCode 很輕量級,就是舍棄到了一些東西,所以這個時候我們就需要使用命令行來進行操作了,

1、新建項目文件夾;

2、VSCode 打開文件夾(這里的文件夾名稱,在VSCode中,自動變成了大寫了)

3、調起終端平臺(CTRL + ` );

4、命令行,新建 webapi 項目(dotnet new webapi 這里我們可以看到已經繼承了 React 和 Ng 項目,為啥沒有 Vue 呢?)

5、等待依賴安裝(中間會提示少包或者缺少資產,點擊 Yes)

6、運行,斷點調試(這里有和 VS 不同的地方,就是編譯的時候,允許修改代碼,但是不生效,必須重新編譯才可以);

 

 

 

3、打開已有工程

 上邊新建完成后,這個打開已有項目就很簡單了,我們就用Blog.Core 項目做實驗,這里有兩個方法,第一個可以直接在 VSCode 的集成終端通過 git clone 命令,把代碼 clone 到本地;第二個就是下載代碼,然后直接打開文件(這里肯定不是 VS 那種,必須有一個 .sl 文件來執行了)

1、下載源碼;

2、VSCode 打開 Core 項目根目錄,安裝依賴;

3、根目錄執行編譯命令(donet build);

4、進入 web 層,執行 dotnet run;

5、運行,斷點調試;

 

 

 

4、總結

從上邊的操作中,大家可以看出來,VSCode 也是慢慢趨向于命令化,而不是微軟典型的可視化的習慣,我們也需要慢慢的改掉這個習慣,比如我們使用 windows 習慣了,用Linux 會顯得很吃力,shell 命令使用的也是很捉襟見肘,用 VS 久了,也就習慣了點擊操作了,而對命令行操作不是很喜歡。

建議還是要多使用命令行,這是趨勢。

說完了netcore ,那 vue 開發會怎么樣呢,以前我都是使用 webstorm 開發的,下邊看看 VSCode 會是怎么樣。

 

 

二、VSCode 開發 Vue

IDE 安裝就不說了,在上邊說過了。

1、安裝插件

在 VSCode 中,使用 CTRL + P 來直接安裝插件,配合 vue 開發使用較多的插件,我選擇了以下兩個:

1、語法高亮:vetur  

2、代碼規范:eslint

 

防止文章圖片過多,具體的安裝過程省略,很簡單,自行處理即可。

 

2、使用腳手架創建新項目

相信大家這個已經使用的得心應手了,只需要一個命令就能快速創建 vue 工程,當然,如果你喜歡使用 init webpack 的話,可能還需要一些配置,這個以后再具體說,這就就直接使用 vue-cli 創建一個新的 vue 工程,我的其他文章里也寫道了,具體的內容可以參考這篇《二十一║Vue實戰:開發環境搭建【詳細版】》。

1、創建項目文件夾;

2、在 VSCode 終端,執行 vue create 項目名;

3、運行項目;

 

 

 

3、打開已有項目

這個也特別簡單,直接來操作下我們的 Blog.Admin 項目吧:

1、GitHub 下載源碼;

2、VSCode 打開根目錄;

3、安裝依賴,執行  npm install;

4、運行 npm run serve;

 

這里就直接不放動圖了,沒有太多需要注意的點。

從上邊的操作中,大家可以看出來,其實在 vue 開發中,無論是使用 vscode ,還是使用 webstorm ,基本都還差不多,沒有太多的差別,但是!還是那句話,命令化操作,依然在整個項目中,起到很大的作用。

 

說完了netcore 和 vue 的前后端項目,可能還是體會不到 VSCode 的好處,沒關系,咱們先來個 python 試一試,最近我也在開發 python 的小工具,那是不是像上邊那么簡單呢,請往下看。

 

 

三、VSCode 開發 Python

現在我的項目中,也開始使用python了,主要是做一些工具和爬蟲的操作,語法簡單,功能復雜,入手很快,建議大家都了解一下。

我們通過在 VSCode 中搜索 Python 插件,發現,開發 python 的話,需要三步走,第一步需要搭建適合自己機型的環境。

 

1、搭建環境

直接在上述地址(https://www.python.org/downloads/),下載并安裝即可。

 

具體的傻瓜式安裝,就不多說了,可以自定義安裝路徑和功能,并添加到電腦 Path 中:

 

 

 

 

2、安裝擴展插件

第一個肯定的就是 Python 擴展了,搜索并安裝:Python

第二個就是 Python 解釋器,可以實現代碼的智能提示,執行命令:使用 Ctrl+Shift+P 打開命令板,輸入指令:Python: Select Interpreter

第三個可能 VSCode 會提示安裝 pylint ,這個在右下角彈窗,自己 install 即可。

 

 

如果你安裝好環境后,會直接出現 python 的可執行文件路徑,然后左下角會顯示 Python 的版本,證明已經準備就緒,這是手動安裝的。

 

 

 

3、創建新項目

上邊我們安裝好環境和依賴以后,剩下的就是直接開發了。

1、新建項目根目錄文件夾;

2、VSCode 打開目錄;

3、新建 .py 文件,并填寫代碼;

4、右鍵,運行在終端;

 

 

 是不是很簡單,我們已經在終端看到輸出的結果。以后就可以入門 python 開發了,那如果調試怎么辦呢?也很簡單。

 

4、調試項目

 我們直接在代碼前邊加個斷點,按調試快捷鍵F5,可以命中斷點,調試的兩個快捷鍵與Visual Studio相同,F10逐過程,F11逐語句。

 具體的交給大家了,自己玩玩兒即可,我公司的 python 項目我就不貼出來了,等我過兩天開發出來一個 Demo 開源下。

 

四、VSCode 開發 JAVA

相信大家也都是很清楚,java 開發者和 net 程序員一直各種相愛相殺,但是微軟已經摒棄了這種狹隘的思想,技術本身就是無界限的,無所謂的我好你不好,特別是在最新的 VSCode 中,更是直接開發了一鍵配置 java 的工具,極大的拉進了兩個語種的距離。

微軟為 Java 開發者推出了一個 Visual Studio Code 的安裝程序。Visual Studio Code 中目前提供了許多 Java 擴展,但是微軟認為有必要讓開發者更容易開始上手編碼,所以為 Java 開發者發布了一個特殊的 Visual Studio Code 安裝程序 ,這篇文章有詳細的介紹 Visual Studio Code Java Pack Installer,具體的安裝,下文會說到。

 該軟件包可直接安裝或作為現有環境的更新,以將 Java 或 Visual Studio Code 添加到開發環境中。下載并打開后,它會傻瓜式地自動檢測系統中是否擁有本地開發環境中的基本組件,包括 JDK、Visual Studio Code 和基本 Java 擴展。完成后,就可以直接打開 Visual Studio Code 并開始編寫和運行 Java 代碼。

 

1、一鍵安裝環境及擴展

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 開發項目

 上邊我們通過一鍵安裝,不僅把系統環境變量和 JDK 都安裝好了,某些 VSCode 中的依賴也一并安裝成功,我們現在就直接進行開發:

1、新建項目根目錄文件夾;

2、新建 .java 測試文件;

3、書寫代碼,并 Run 執行輸出;

4、斷點調試;

 

 

 

 

 

五、結語

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

 

 

-- END

posted @ 2019-06-17 10:56 老張的哲學 閱讀(...) 評論(...) 編輯 收藏
作者:老張的哲學
好好學習,天天向上
四川金7乐历史开奖号码查询