博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端啊!你是时候换一款轻量的强大的漂亮的体验一致的代码编辑器了——Visual Studio Code...
阅读量:6351 次
发布时间:2019-06-22

本文共 1306 字,大约阅读时间需要 4 分钟。

多图慎入,已更新

前言

当我从.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

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

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

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

结束语

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

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

|

我的另一篇文章:

转载地址:http://mktla.baihongyu.com/

你可能感兴趣的文章
【转】python3 发邮件实例(包括:文本、html、图片、附件、SSL、群邮件)
查看>>
事务隔离级别(图文详解)
查看>>
canvas系列教程08-canvas各种坑
查看>>
浅析package.json中的devdependencies 和 dependencies
查看>>
又一个 iOS 侧边栏组件: SideMenu
查看>>
Python每日一练0019
查看>>
vue.js 打包遇到的问题
查看>>
【译】更优秀的GraphQL官方中文文档-客户端如何使用
查看>>
git pull遇到的问题
查看>>
eclipse下maven spring项目环境配置
查看>>
无缝轮播
查看>>
CTS失败项分析(2)android.telephony.cts.VisualVoicemailServiceTest#testFilter_data
查看>>
三分钟,轻松了解Dapp
查看>>
GMQ交易平台满足不同客户群体的多种投资需求
查看>>
大数据开发如何入门你必须知道这些
查看>>
关于js(es5)如何优雅地创建对象
查看>>
阿里云前端周刊 - 第 28 期
查看>>
iOS 主队列同步造成死锁的原因
查看>>
es6 下比较对象是否有修改的简要方法
查看>>
windows安装mysql
查看>>