跳到主要内容

1、简介

编辑器之神vscode

image-20210808080621942

前言

VS Code 软件实在是太酷、太好用了,越来越多的新生代互联网青年正在使用它。

前端男神尤雨溪大大这样评价 VS Code:

image-20210807151628679

有一点你可能会感到惊讶:VS Code 这款软件本身,是用 JavaScript 语言编写的(具体请自行查阅基于 JS 的 PC 客户端开发框架 Electron)。Jeff Atwood 在 2007 年提出了著名的 ==Atwood 定律==:

任何能够用 JavaScript 实现的应用系统,最终都必将用 JavaScript 实现

Jeff Atwood 这个人是谁不重要(他是 Stack Overflow 网站的联合创始人),重要的是这条定律。

前端目前是处在春秋战国时代,各路英雄豪杰成为后浪,各种框架工具层出不穷,VS Code 软件无疑是大前端时代最骄傲的工具。

如果你是做前端开发(JavaScript 编程语言为主),则完全可以将 VS Code 作为「主力开发工具」。这款软件是为前端同学量身定制的。

如果你是做其他语言方向的开发,并且不需要太复杂的集成开发环境,那么,你可以把 VS Code 作为「代码编辑器」来使用,纵享丝滑。

甚至是一些写文档、写作的同学,也经常把 VS Code 作为 markdown 写作工具,毫无违和感。

退而求其次,即便你不属于以上任何范畴,你还可以把 VS Code 当作最简单的文本编辑器来使用,完胜 Windows 系统自带的记事本。

写下这篇文章,是顺势而为。

VS Code 的介绍

VS Code 的全称是 Visual Studio Code,是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。它在性能、语言支持、开源社区方面,都做得很不错。

微软有两种软件:一种是 VS Code,一种是其他软件。

1.IDE 与 编辑器的对比

IDE 和编辑器是有区别的:

  • IDE(Integrated Development Environment,集成开发环境):对代码有较好的智能提示和相互跳转,同时侧重于⼯程项⽬,对项⽬的开发、调试⼯作有较好的图像化界 ⾯的⽀持,因此⽐较笨重。⽐如 Eclipse 的定位就是 IDE

  • 编辑器:要相对轻量许多,侧重于⽂本的编辑。⽐如 Sublime Text 的定位就是编辑 器。再⽐如 Windows 系统⾃带的「记事本」就是最简单的编辑器。

需要注意的是,VS Code 的定位是编辑器,⽽⾮ IDE ,但 VS Code ⼜⽐⼀般的编辑器的 功能要丰富许多。可以这样理解:VS Code 的体量是介于编辑器和 IDE 之间。

2.VS Code 的特点

  • VS Code 的使命,是让开发者在编辑器⾥拥有 IDE 那样的开发体验,⽐如代码的智 能提示、语法检查、图形化的调试⼯具、插件扩展、版本管理等。

  • 跨平台⽀持 MacOS、Windows 和 Linux 等多个平台。 VS Code 的源代码以 MIT 协议开源

  • ⽀持第三⽅插件,功能强⼤,⽣态系统完善。

  • VS Code ⾃带了 JavaScript、TypeScript 和 Node.js 的⽀持。也就是说,你在书写 JS 和 TS 时,是⾃带智能提示的。当然,其他的语⾔,你可以安装相应的扩展包插 件,也会有智能提示。

3.前端利器之争: VS Code 与 WebStorm

前端⼩⽩最喜欢问的⼀个问题是:哪个编辑器/IDE 好⽤?是 VS Code 还是 WebStorm (WebStorm 其实是 IntelliJ IDEA 的定制版)?我来做个对⽐:

  • 哪个更酷:显然 VS Code 更酷。
  • 内存占⽤情况:根据我的观察,VS Code 是很占内存的(尤其是当你打开多个窗⼝ 的时候),但如果你的内存条够⽤,使⽤起来是不会有任何卡顿的感觉的。相⽐之 下,IntelliJ IDEA 不仅⾮常占内存,⽽且还⾮常卡顿。如果你想换个既轻量级、⼜不 占内存的编辑器,最好还是使⽤「Sublime Text」编辑器。
  • 使⽤⽐例:当然是 VS Code 更胜⼀筹。先不说别的,我就拿数据说话,我⽬前所在 的研发团队有 200 ⼈左右(120个后台、80个前端),他们绝⼤部分⼈都在⽤ VS Code 编码,妥妥的。

所以,如果你以后还问这个问题,那就真有些掉底了。

4.VS Code 的安装

VS Code 官⽹:https://code.visualstudio.com

VS Code 的安装很简单,直接去官⽹下载安装包,然后双击安装即可。

image-20210807152730020

上图中,直接点击 download,⼀键下载安装即可。