VS Code 試用截圖

VS Code 是微軟出品的苏研、難得一見的、macOS/Linux(Fedora屯曹、Ubuntu)/Windows 三操作系統(tǒng)通用的、開源的惊畏、輕量級的編輯器恶耽。
網(wǎng)上大部分用VSCode和SublimeText、Atom等相比颜启,notepad++等正在逐步被摒棄偷俭。
今晚走馬觀花擼了一遍,總結(jié)幾個它的優(yōu)點:

  1. 支持了眾多編程語言缰盏,支持指的是可以:智能提示涌萤、查找和跳轉(zhuǎn)定義淹遵、查找引用、竟然還可以Debug…… —— 此貨簡直不甘心只做編輯器负溪,是有點IDE的小野心的
  2. 內(nèi)置了git的支持透揣,點鼠標(biāo)和命令行都行,簡直是為windows上的程序員釋放了天性
  3. 所有配置用json文件來做川抡,沒有傳統(tǒng)軟件的配置界面辐真,就是為了隔離非程序員,給非程序員設(shè)置門檻崖堤。因為程序員和非程序員的需求是不一樣的侍咱,想做一個全天下人都滿意的產(chǎn)品基本不切實際,不如精準(zhǔn)定位自己產(chǎn)品的目標(biāo)人群密幔。
  4. 沒有IDE通常的project的概念楔脯,但需要指定folder,然后快捷鍵什么的才能快速搜索folder中的文件老玛。vi的同學(xué)很好理解淤年,在哪個目錄下打開vi钧敞,在vi中find文件就是在這個folder中蜡豹。
  5. 專門為markdown做了定制性優(yōu)化:支持實時預(yù)覽、更換編譯器溉苛、更好css文件等
  6. 平臺性做得好所以插件很多……
  7. 速度超快镜廉,內(nèi)存比sublime占用少很多,打開百兆的大文件也是秒開
  8. 為寬屏寫代碼的程序員想的很周到愚战,分列的快捷鍵很好使

可以這么說:當(dāng)下程序員的兵器譜已經(jīng)基本分成這么幾個陣營

  • 冷兵器
    • vi/vim娇唯、emacs :干將、莫邪寂玲,愈久彌堅塔插,真粉和情懷粉都無數(shù)
    • sublime、atom拓哟、vscode:第二陣營的三駕馬車想许,各種操作都被命令化,被有范兒断序、有追求的程序員所喜愛流纹。三者臉長的高度撞衫,操作方式也高度趨同违诗,連快捷鍵恨不得都一樣漱凝,大家比的是速度、性能诸迟、細(xì)節(jié)…… 把下面第三梯隊甩了老遠(yuǎn)
    • notepad++茸炒、editplus愕乎、ultraedit:10年前的銳意先鋒,當(dāng)下的第三梯隊扣典,一切操作都還是拿鼠標(biāo)點點點……
  • 熱兵器: IDE 需要按需選擇妆毕,不予贅述

必須要補充說明的是:若輪工作效率,兵器并不是最重要的贮尖,手藝才重要笛粘,為“用什么兵器”爭個你死我活的,大多是沒什么實戰(zhàn)經(jīng)驗的湿硝。別管那么多薪前,抄個家伙上戰(zhàn)場先砍死幾個再說。

言歸正傳:

官網(wǎng): https://code.visualstudio.com/
Extersions 的下載地址: https://marketplace.visualstudio.com/VSCode

整體操作方法和習(xí)慣和sublime关斜、atom一致:

  • 一個快捷鍵進入一個模式
  • 模式下直接輸入字符示括,進行快速、模糊的查詢
  • 執(zhí)行查詢出的命令痢畜、文件垛膝、等

開篇第一個截圖,先看看字符對齊丁稀,一個程序員的編輯器吼拥,必須是等寬字體的

Screen Shot 2016-11-16 at 00.27.19.png
  • 1li、0Oo都還分得清
  • MW和li都能等寬
  • 可惜中文字符和中文標(biāo)點不能嚴(yán)格按照2個英文字符來對齊线衫,這樣中英文夾雜的程序員的代碼就又不能看了——不過我這是macOS版的凿可,不知道windows版的如何。

第1個要說的快捷鍵是: Ctrl+1/2/3 —— 并列分幾個欄授账。比如下面分了2欄枯跑,默認(rèn)最多3欄,可以在setting中修改白热。

左邊是markdown的書寫欄敛助,右邊是markdown的實時預(yù)覽欄。當(dāng)然屋确,兩欄也可以完全沒有任何聯(lián)系纳击,完全獨立顯示兩個文件。


Screen Shot 2016-11-16 at 00.04.25.png

同時引出 “用VS Code 打造 markdown 環(huán)境”的話題乍恐,看下面文章:

  1. http://code.visualstudio.com/Docs/languages/markdown
  2. http://thisdavej.com/build-an-amazing-markdown-editor-using-visual-studio-code-and-pandoc/

第2個要說的快捷鍵是: Ctrl+P —— quick Open,快速找到并打開文件


Screen Shot 2016-11-15 at 21.54.58.png

第3個要說的快捷鍵是:F1 —— 命令輸入模式

比如: terminal 命令


Screen Shot 2016-11-15 at 21.53.22.png

Screen Shot 2016-11-15 at 21.53.37.png

Screen Shot 2016-11-15 at 21.54.08.png

VSCode 對 git 兼容的也相當(dāng)不錯评疗,一直以來 git 的 windows版本(git for windows)的效果、性能茵烈、大文件速度……都差強人意百匆,相信VSCode自家開發(fā)的git肯定在windows上能夠表現(xiàn)良好。

點擊一個git修改狀態(tài)的文件呜投,會直接打開對比欄顯示加匈〈媪В—— 就為這一點,很多碼農(nóng)從sublime轉(zhuǎn)投到VSCode門下了雕拼。

Screen Shot 2016-11-15 at 21.59.55.png

這里還有很多git的操作


Screen Shot 2016-11-15 at 22.01.39.png

來繼續(xù)介紹命令纵东。

theme 命令:修改編輯器的主題。


Screen Shot 2016-11-15 at 22.03.24.png

每略過一個主題啥寇,不必選中偎球,界面即可預(yù)覽該主題


Screen Shot 2016-11-15 at 22.03.31.png

Screen Shot 2016-11-15 at 22.04.34.png

settings 命令:


Screen Shot 2016-11-15 at 22.05.01.png

和sublime很類似,有一個系統(tǒng)的配置是不能修改的辑甜,只能看衰絮;然后自己一份配置可以覆蓋系統(tǒng)配置。


Screen Shot 2016-11-15 at 22.06.05.png

會自動彈出提示磷醋,鼠標(biāo)放在 i 符號上還有詳細(xì)提示猫牡。


Screen Shot 2016-11-15 at 22.06.19.png

keyboard 命令:查看快捷鍵


Screen Shot 2016-11-15 at 22.10.32.png

snippet命令:為某個語言添加代碼片段


Screen Shot 2016-11-15 at 22.21.11.png

Screen Shot 2016-11-15 at 22.21.19.png

Screen Shot 2016-11-15 at 22.21.41.png

Screen Shot 2016-11-15 at 22.21.47.png

輸入前導(dǎo)字符 log ,即可彈出片段提示邓线,選中片段后出現(xiàn)整段代碼淌友。


Screen Shot 2016-11-15 at 22.21.54.png

Screen Shot 2016-11-15 at 22.22.01.png

Extension:

ext 命令:

  • 可以 ext install xxx 直接安裝一個extersion
  • 也可以點出側(cè)邊欄,查看哪些可以安裝骇陈、哪些已經(jīng)安裝……
Screen Shot 2016-11-15 at 23.16.57.png
  • 還可以到官網(wǎng)上下載extersion震庭,然后本地安裝
Screen Shot 2016-11-15 at 23.14.28.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市缩歪,隨后出現(xiàn)的幾起案子归薛,更是在濱河造成了極大的恐慌谍憔,老刑警劉巖匪蝙,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異习贫,居然都是意外死亡逛球,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門苫昌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來颤绕,“玉大人,你說我怎么就攤上這事祟身“挛瘢” “怎么了?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵袜硫,是天一觀的道長氯葬。 經(jīng)常有香客問我,道長婉陷,這世上最難降的妖魔是什么帚称? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任官研,我火速辦了婚禮,結(jié)果婚禮上闯睹,老公的妹妹穿的比我還像新娘戏羽。我一直安慰自己,他們只是感情好楼吃,可當(dāng)我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布始花。 她就那樣靜靜地躺著,像睡著了一般孩锡。 火紅的嫁衣襯著肌膚如雪衙荐。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天浮创,我揣著相機與錄音忧吟,去河邊找鬼。 笑死斩披,一個胖子當(dāng)著我的面吹牛溜族,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播垦沉,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼煌抒,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了厕倍?” 一聲冷哼從身側(cè)響起寡壮,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎讹弯,沒想到半個月后况既,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡组民,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年棒仍,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片臭胜。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡莫其,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出耸三,到底是詐尸還是另有隱情乱陡,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布仪壮,位于F島的核電站憨颠,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏睛驳。R本人自食惡果不足惜烙心,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一膜廊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧淫茵,春花似錦爪瓜、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至丹喻,卻和暖如春薄货,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背碍论。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工谅猾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人鳍悠。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓税娜,卻偏偏與公主長得像,于是被迫代替她去往敵國和親藏研。 傳聞我的和親對象是個殘疾皇子敬矩,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容