前端啊!你是時候換一款輕量的強大的漂亮的體驗一致的代碼編輯器了——Visual Studio Code

多圖慎入,使用技巧文章已更新前端

前言

當我從.net開發轉換至前端開發時,我就一直在尋找一款代碼編輯器,能像Visual Studio那樣優秀、一致、流暢、高效,能夠是就是沒有讓我滿意的,用過notepad++、sublime text、webstorm、eclipse、brackets,都是不盡人意,其中webstrom和eclipse過重,notepad++、sublime text雖輕量可是自己功能不完整,須要大量插件才能使用的完美(無疑添加了學習成本),而對於一個新接觸這個編輯器的人來講,這是困難的一件事,他沒法找到更適合的插件。react

理想的代碼編輯器

我只想要一款這樣的代碼編輯器:git

  • 功能完善,無需安裝過多插件便可完成大部分前端開發工做;es6

  • 支持Git,而且操做簡易,要帶merge(合併)和自動合併功能,並且要簡易,鼠標點點就OK;github

  • UI美觀;web

  • 支持ES6和React的新語法;編程

  • 支持快速打開文件、文件夾;segmentfault

  • 免費;windows

  • 支持中文;後端

  • 體驗一致;

找到她了

她就是Visual Studio Code,簡稱vscode,其實這個編輯器也發佈有一點時間了,起初由於它尚未支持es6和react語法,因此沒有使用它,可是當時就感受她很好知足個人大部分需求,惋惜不支持新語法,讓我很鬱悶,只能暫時投身其餘編輯器。
有一天我更新了電腦上的vscode,發現它支持新語法了,並且不是用插件,是她自己就支持,這讓我很是興奮,下面就詳細介紹下她的完美之處。

Visual Studio Code

簡介

名稱:Visual Studio Code
官網:https://code.visualstudio.com
Github:https://github.com/Microsoft/...
簡介:(放了英文原版介紹以下)

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, Mac OSX, and Windows.

跨平臺還免費

圖片描述

長得漂亮

  • windows下
    home-screenshot-win-lg.png

  • mac下
    home-screenshot-mac-lg.png

這顏值如何?

功能完善,體驗一致

  • 強大的前端開發支持(ES6與React支持)
    overview_languagecoverage.png

  • 多編程語言支持(還支持後端語言o)

  • 支持Git
    versioncontrol_overview.pngversioncontrol_diff.png

  • 多tab與分欄支持
    June_2016_tabs.png

  • 在文件內搜索(這個太完美了)
    June_2016_searchAndReplace.png

  • 調試Node
    June_2016_set_variable_value.gif

  • 支持markdown和預覽
    Markdown_preview.png

  • 拖拽支持
    June_2016_dnd_editor.gif

  • 編碼切換
    圖片描述

  • 支持擴展(插件)
    June_2016_extensions_viewlet.png

  • 支持中文

  • 正則查找與替換
    June_2016_multiline-find.gif

  • 代碼對其虛線,加強可讀性
    June_2016_editor-indent-guides.jpg

  • 還有更多優勢我就不一一舉例了,你們能夠去官網查看。

結束語

看完上述高清大圖,有沒有想安裝的衝動?前端同窗們,立刻裝起吧~~
另外,說下前言部分評價其餘編輯器的文字,我並無貶低其餘編輯器,那只是個人我的體驗,固然也許屏幕前的你會不覺得然,可是請你想象一下當你沒用過那些編輯器,初次接觸時,是否由於功能不完善而苦苦找尋插件?是否浪費了你多餘的時間?
最後,但願你們都能找到本身心儀的編輯器,歡樂高效的開發~~

官方下載 v1.3 | 本地下載 v1.3

個人另外一篇文章:vscode使用技巧

相關文章
相關標籤/搜索