緣起
哈嘍大家周一好并鸵!好久不見鴨鸳粉,最近在看一本書,很好能真,《人類簡史》赁严,適合夏日星空扰柠,仰觀宇宙之大??
這個專題是“做貢獻”,也是作為軟粉疼约,打算一直推廣微軟自己的東西卤档,上一次還是很久之前的翻譯《一 || 微軟技術(shù)本地化工作》,不知道有沒有小伙伴做了這個事情呢程剥,我平時做的也不是很多劝枣,不過每周都會去做,只要自己出一份力织鲸,那效果就是很明顯的舔腾,幫助人這種事,本來就是幸福的搂擦,前提是心態(tài)要好稳诚。
今天要推薦一波 VSCode 這個IDE,同時打算翻譯下官方文檔 https://code.visualstudio.com/docs 瀑踢,這里主要是 vscode 的使用教程扳还,因為現(xiàn)在還沒有中文文檔,所以打算有機會是不是試著翻譯翻譯橱夭。
誠然氨距,我也是很久之前都知道了 VSCode ,而且也確實一直都沒有使用棘劣,因為我們有宇宙第一強的 VS 呀俏让,雖說 VSCode 很輕量,但是依然沒有特別吸引到我茬暇,直到15號看微軟開發(fā)者博客文檔首昔,才知道,原來 VSCode 可以一鍵支持 java 開發(fā)了(https://devblogs.microsoft.com/visualstudio/announcing-visual-studio-code-java-installer/)而钞,想必每一個開發(fā)java 的小伙伴都曾經(jīng)為配置 java 環(huán)境而頭痛不已沙廉,沒關(guān)系!現(xiàn)在 VSCode 支持一鍵安裝 java 環(huán)境臼节,只需要一分鐘撬陵,就可以開發(fā)java 項目了,是不是很神奇网缝,具體的操作會在下邊的文章中提到巨税。
如果這個時候,你說我粉臊,作為一個軟粉草添,對java為什么這么高興??,我想說的是扼仲,現(xiàn)在慢慢到了一個微服務的時代了远寸,語言已經(jīng)不是之前那么涇渭分明了抄淑,我也一直跟群里的小伙伴說,未來的發(fā)展趨勢一定是多語言的大融合(這里是后端編譯語言:c#驰后,java肆资,c++這三個,還有解釋語言 python)灶芝,只需要提供各自的服務即可郑原,我作為一個軟粉都已經(jīng)支持 Java 的發(fā)展了,我承認 NetCore/c# 還有一些地方不是最優(yōu)解夜涕,但是如果某些 JAVA 粉一上來就跟我說犯犁,java是無敵的,netcore這不行那不行女器,java各種好的話酸役,我不好說什么,只能說咱們是肯定不會成為朋友的晓避。
其實微軟自從開源了這幾年以來簇捍,一直致力于Open的目的,不僅體現(xiàn)在 Github 開源項目上俏拱,最簡單的舉個栗子,我平時都會看微軟的開發(fā)者文章吼句,就比如 vs blog 來說锅必,也一直在 vs/vscode 上 open 對其他語言的最優(yōu)解支持,盡可能的方便微軟開發(fā)者使用其他語言惕艳,比如python(微軟中國也在內(nèi)部推廣使用python)搞隐,同時也是一直鼓勵其他語言的小伙伴,來使用 vscode 來開發(fā):
( vs/vscode IDE远搪,最大力度支持多種語言劣纲,共同發(fā)展)
這就是今天要給大家推廣 VSCode 的目的,而且我現(xiàn)在正在準備全部轉(zhuǎn)向 VSCode 的使用谁鳍,下邊就說說我在平時的開發(fā)中癞季,都使用了哪些語言和對應的插件等。
一倘潜、VSCode 開發(fā) NetCore
這個當然是毋庸置疑的绷柒,不僅僅是我的開源項目使用的是 NetCore ,公司內(nèi)部的項目也正在建議使用涮因,也向自己的組員安利废睦,并指導他們使用 依賴注入、中間件养泡、AOP等等必須要掌握的知識點嗜湃。具體的知識就不多說了奈应,大家自行看我的專題文章即可,這里僅僅是說下购披,如何使用這個工具杖挣。
0、安裝 VSCode IDE
工欲善其事必先利其器今瀑,我們要使用程梦,就必須先安裝:
地址:https://code.visualstudio.com/
我這里就直接使用 Windows 版本了,聽說現(xiàn)在某些公司都開始普及蘋果電腦了橘荠,不過我沒用過屿附,安裝成功后,我們就可以直接使用了哥童,占內(nèi)存很小挺份。
1、安裝依賴擴展
我跟我的組員平時說的是贮懈,學習任何一門技術(shù)匀泊,必須先看官網(wǎng),當然我們使用 vscode 也要看官方資料:
地址:https://code.visualstudio.com/docs/languages/dotnet
相信 netcore SDK 我們肯定都安裝好了朵你,畢竟大家都開發(fā)過了各聘,這里不細說。此外抡医,需要安裝下 c# 擴展:
2躲因、新建一個項目
大家可以看到,VSCode 新建好以后忌傻,不像是 VS 那樣大脉,有可以新建項目的一些可視化界面,之所以 VSCode 很輕量級水孩,就是舍棄到了一些東西镰矿,所以這個時候我們就需要使用命令行來進行操作了,
1俘种、新建項目文件夾秤标;
2、VSCode 打開文件夾(這里的文件夾名稱安疗,在VSCode中抛杨,自動變成了大寫了);
3荐类、調(diào)起終端平臺(CTRL + ` )怖现;
4、命令行,新建 webapi 項目(dotnet new webapi 這里我們可以看到已經(jīng)繼承了 React 和 Ng 項目屈嗤,為啥沒有 Vue 呢潘拨?)
5、等待依賴安裝(中間會提示少包或者缺少資產(chǎn)饶号,點擊 Yes)铁追;
6、運行茫船,斷點調(diào)試(這里有和 VS 不同的地方琅束,就是編譯的時候,允許修改代碼算谈,但是不生效涩禀,必須重新編譯才可以);
3然眼、打開已有工程
上邊新建完成后艾船,這個打開已有項目就很簡單了,我們就用Blog.Core 項目做實驗高每,這里有兩個方法屿岂,第一個可以直接在 VSCode 的集成終端通過 git clone 命令,把代碼 clone 到本地鲸匿;第二個就是下載代碼爷怀,然后直接打開文件(這里肯定不是 VS 那種,必須有一個 .sl 文件來執(zhí)行了)带欢;
1霉撵、下載源碼;
2洪囤、VSCode 打開 Core 項目根目錄,安裝依賴撕氧;
3瘤缩、根目錄執(zhí)行編譯命令(donet build);
4伦泥、進入 web 層剥啤,執(zhí)行 dotnet run;
5不脯、運行府怯,斷點調(diào)試;
4防楷、總結(jié)
從上邊的操作中牺丙,大家可以看出來,VSCode 也是慢慢趨向于命令化,而不是微軟典型的可視化的習慣冲簿,我們也需要慢慢的改掉這個習慣粟判,比如我們使用 windows 習慣了,用Linux 會顯得很吃力峦剔,shell 命令使用的也是很捉襟見肘档礁,用 VS 久了,也就習慣了點擊操作了吝沫,而對命令行操作不是很喜歡呻澜。
建議還是要多使用命令行,這是趨勢惨险。
說完了netcore 羹幸,那 vue 開發(fā)會怎么樣呢,以前我都是使用 webstorm 開發(fā)的平道,下邊看看 VSCode 會是怎么樣睹欲。
二、VSCode 開發(fā) Vue
IDE 安裝就不說了一屋,在上邊說過了窘疮。
1、安裝插件
在 VSCode 中冀墨,使用 CTRL + P 來直接安裝插件闸衫,配合 vue 開發(fā)使用較多的插件,我選擇了以下兩個:
1诽嘉、語法高亮:vetur
2蔚出、代碼規(guī)范:eslint
防止文章圖片過多,具體的安裝過程省略虫腋,很簡單骄酗,自行處理即可。
2悦冀、使用腳手架創(chuàng)建新項目
相信大家這個已經(jīng)使用的得心應手了趋翻,只需要一個命令就能快速創(chuàng)建 vue 工程,當然盒蟆,如果你喜歡使用 init webpack 的話踏烙,可能還需要一些配置,這個以后再具體說历等,這就就直接使用 vue-cli 創(chuàng)建一個新的 vue 工程讨惩,我的其他文章里也寫道了,具體的內(nèi)容可以參考這篇《二十一║Vue實戰(zhàn):開發(fā)環(huán)境搭建【詳細版】》寒屯。
1荐捻、創(chuàng)建項目文件夾;
2、在 VSCode 終端靴患,執(zhí)行 vue create 項目名仍侥;
3、運行項目鸳君;
3农渊、打開已有項目
這個也特別簡單,直接來操作下我們的 Blog.Admin 項目吧:
1或颊、GitHub 下載源碼砸紊;
2、VSCode 打開根目錄囱挑;
3醉顽、安裝依賴,執(zhí)行 npm install平挑;
4游添、運行 npm run serve;
這里就直接不放動圖了通熄,沒有太多需要注意的點唆涝。
從上邊的操作中,大家可以看出來唇辨,其實在 vue 開發(fā)中廊酣,無論是使用 vscode ,還是使用 webstorm 赏枚,基本都還差不多亡驰,沒有太多的差別,但是饿幅!還是那句話凡辱,命令化操作,依然在整個項目中栗恩,起到很大的作用煞茫。
說完了netcore 和 vue 的前后端項目,可能還是體會不到 VSCode 的好處摄凡,沒關(guān)系,咱們先來個 python 試一試蚓曼,最近我也在開發(fā) python 的小工具亲澡,那是不是像上邊那么簡單呢,請往下看纫版。
三床绪、VSCode 開發(fā) Python
現(xiàn)在我的項目中,也開始使用python了,主要是做一些工具和爬蟲的操作癞己,語法簡單膀斋,功能復雜,入手很快痹雅,建議大家都了解一下仰担。
我們通過在 VSCode 中搜索 Python 插件,發(fā)現(xiàn)绩社,開發(fā) python 的話摔蓝,需要三步走,第一步需要搭建適合自己機型的環(huán)境愉耙。
1贮尉、搭建環(huán)境
直接在上述地址(https://www.python.org/downloads/),下載并安裝即可朴沿。
具體的傻瓜式安裝猜谚,就不多說了,可以自定義安裝路徑和功能赌渣,并添加到電腦 Path 中:
2魏铅、安裝擴展插件
第一個肯定的就是 Python 擴展了,搜索并安裝:Python
第二個就是 Python 解釋器锡垄,可以實現(xiàn)代碼的智能提示沦零,執(zhí)行命令:使用 Ctrl+Shift+P
打開命令板,輸入指令:Python: Select Interpreter
第三個可能 VSCode 會提示安裝 pylint 货岭,這個在右下角彈窗路操,自己 install 即可。
如果你安裝好環(huán)境后千贯,會直接出現(xiàn) python 的可執(zhí)行文件路徑屯仗,然后左下角會顯示 Python 的版本,證明已經(jīng)準備就緒搔谴,這是手動安裝的魁袜。
3、創(chuàng)建新項目
上邊我們安裝好環(huán)境和依賴以后敦第,剩下的就是直接開發(fā)了峰弹。
1、新建項目根目錄文件夾芜果;
2鞠呈、VSCode 打開目錄;
3右钾、新建 .py 文件蚁吝,并填寫代碼旱爆;
4、右鍵窘茁,運行在終端怀伦;
是不是很簡單,我們已經(jīng)在終端看到輸出的結(jié)果山林。以后就可以入門 python 開發(fā)了房待,那如果調(diào)試怎么辦呢?也很簡單捌朴。
4吴攒、調(diào)試項目
我們直接在代碼前邊加個斷點,按調(diào)試快捷鍵F5
砂蔽,可以命中斷點,調(diào)試的兩個快捷鍵與Visual Studio相同洼怔,F10
逐過程,F11
逐語句左驾。
具體的交給大家了镣隶,自己玩玩兒即可,我公司的 python 項目我就不貼出來了诡右,等我過兩天開發(fā)出來一個 Demo 開源下安岂。
四、VSCode 開發(fā) JAVA
相信大家也都是很清楚帆吻,java 開發(fā)者和 net 程序員一直各種相愛相殺域那,但是微軟已經(jīng)摒棄了這種狹隘的思想,技術(shù)本身就是無界限的猜煮,無所謂的我好你不好次员,特別是在最新的 VSCode 中,更是直接開發(fā)了一鍵配置 java 的工具王带,極大的拉進了兩個語種的距離淑蔚。
微軟為 Java 開發(fā)者推出了一個 Visual Studio Code 的安裝程序。Visual Studio Code 中目前提供了許多 Java 擴展愕撰,但是微軟認為有必要讓開發(fā)者更容易開始上手編碼刹衫,所以為 Java 開發(fā)者發(fā)布了一個特殊的 Visual Studio Code 安裝程序 ,這篇文章有詳細的介紹 Visual Studio Code Java Pack Installer搞挣,具體的安裝带迟,下文會說到。
該軟件包可直接安裝或作為現(xiàn)有環(huán)境的更新囱桨,以將 Java 或 Visual Studio Code 添加到開發(fā)環(huán)境中邮旷。下載并打開后,它會傻瓜式地自動檢測系統(tǒng)中是否擁有本地開發(fā)環(huán)境中的基本組件蝇摸,包括 JDK婶肩、Visual Studio Code 和基本 Java 擴展。完成后貌夕,就可以直接打開 Visual Studio Code 并開始編寫和運行 Java 代碼律歼。
1、一鍵安裝環(huán)境及擴展
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 開發(fā)項目
上邊我們通過一鍵安裝险毁,不僅把系統(tǒng)環(huán)境變量和 JDK 都安裝好了,某些 VSCode 中的依賴也一并安裝成功们童,我們現(xiàn)在就直接進行開發(fā):
1畔况、新建項目根目錄文件夾;
2慧库、新建 .java 測試文件跷跪;
3、書寫代碼齐板,并 Run 執(zhí)行輸出吵瞻;
4、斷點調(diào)試甘磨;
五橡羞、結(jié)語
好了,今天給大家說了一下 VSCode 的基本用法以及我平時中用到的那些項目語言济舆,從 VSCode 的開放程度來看卿泽,微軟不僅要致力于完全的開源政策。更意愿促進基于多語言的融合滋觉,所以也是希望大家可以自己去練習練習签夭,也多多使用和推薦课竣,將 VSCode 推薦給自己身邊的人使用身弊。另外苛蒲,大家也可以為在文章頂部的VS code使用文檔淑廊,做些漢化貢獻钻注。
-- END