脚本宝典收集整理的这篇文章主要介绍了

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

跨平台还免费

图片描述

长得漂亮

这颜值如何?

功能完善,体验一致

  • 强大的前端开发支持(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使用技巧

总结

以上是脚本宝典为你收集整理的

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

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过