前端啊！你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code

多图慎入，使用技巧文章已更新

前言

当我从.net开发转换至前端开发时，我就一直在寻找一款代码编辑器，能像Visual Studio那样优秀、一致、流畅、高效，可以是就是没有让我满意的，用过notepad++、sublime text、webstorm、eclipse、brackets，都是不尽人意，其中webstrom和eclipse太重，notepad++、sublime text虽轻量但是本身功能不完整，需要大量插件才能使用的完美（无疑添加了学习成本），而对于一个新接触这个编辑器的人来说，这是困难的一件事，他无法找到更适合的插件。

理想的代码编辑器

我只想要一款这样的代码编辑器：

• 功能完善，无需安装过多插件即可完成大部分前端开发工作；

• 支持Git，并且操作简易，要带merge（合并）和自动合并功能，而且要简易，鼠标点点就OK；

• UI美观；

• 支持ES6和React的新语法；

• 支持快速打开文件、文件夹；

• 免费；

• 支持中文；

• 体验一致；

找到她了

她就是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下
  

• mac下
  

这颜值如何？

功能完善，体验一致

• 强大的前端开发支持（ES6与React支持）
  

• 多编程语言支持（还支持后端语言o）

• 支持Git
  

• 多tab与分栏支持
  

• 在文件内搜索（这个太完美了）
  

• 调试Node
  

• 支持markdown和预览
  

• 拖拽支持
  

• 编码切换
  

• 支持扩展（插件）
  

• 支持中文

• 正则查找与替换
  

• 代码对其虚线，增强可读性
  

• 还有更多优点我就不一一举例了，大家可以去官网查看。

结束语

看完上述高清大图，有没有想安装的冲动？前端同学们，马上装起吧~~
另外，说下前言部分评价其他编辑器的文字，我并没有贬低其他编辑器，那只是我的个人体验，当然也许屏幕前的你会不以为然，但是请你想象一下当你没用过那些编辑器，初次接触时，是否因为功能不完善而苦苦找寻插件？是否浪费了你多余的时间？
最后，希望大家都能找到自己心仪的编辑器，欢乐高效的开发~~

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

我的另一篇文章：vscode使用技巧