前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——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使用技巧

相关文章
相关标签/搜索