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

跨平台还免费

前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code_第1张图片

长得漂亮

  • windows下
    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code_第2张图片

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

这颜值如何?

功能完善,体验一致

  • 强大的前端开发支持(ES6与React支持)
    overview_languagecoverage.png

  • 多编程语言支持(还支持后端语言o)

  • 支持Git
    versioncontrol_diff.png

  • 多tab与分栏支持
    June_2016_tabs.png

  • 在文件内搜索(这个太完美了)
    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code_第3张图片

  • 调试Node
    June_2016_set_variable_value.gif

  • 支持markdown和预览
    Markdown_preview.png

  • 拖拽支持
    June_2016_dnd_editor.gif

  • 编码切换
    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code_第4张图片

  • 支持扩展(插件)
    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code_第5张图片

  • 支持中文

  • 正则查找与替换
    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code_第6张图片

  • 代码对其虚线,增强可读性
    June_2016_editor-indent-guides.jpg

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

结束语

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

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

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

你可能感兴趣的:(代码编辑器,前端工具,开发工具)