转载

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

简介:(放了英文原版介绍如下)

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

长得漂亮

  • windows下

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

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

这颜值如何?

功能完善,体验一致

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

    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code
  • 多编程语言支持(还支持后端语言o)

  • 支持Git

    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code 前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code
  • 多tab与分栏支持

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

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

    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code
  • 支持markdown和预览

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

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

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

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

  • 正则查找与替换

    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code
  • 代码对其虚线,增强可读性

    前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code
  • 还有更多优点我就不一一举例了,大家可以去官网查看。

结束语

看完上述高清大图,有没有想安装的冲动?前端同学吗,马上装起吧~~

另外,说下前言部分评价其他编辑器的文字,我并没有贬低其他编辑器,那只是我的个人体验,当然也许屏幕前的你会不以为然,但是请你想象一下当你没用过那些编辑器,初次接触时,是否因为功能不完善而苦苦找寻插件?是否浪费了你多余的时间?

最后,希望大家都能找到自己心仪的编辑器,欢乐高效的开发~~

后续我会更新一篇的vscode的使用技巧文章,敬请期待!

原文  https://segmentfault.com/a/1190000005908383
正文到此结束
Loading...