php发展

首页 » 常识 » 问答 » 干货VSCode超详细使用指南,
TUhjnbcbe - 2021/5/16 17:44:00

阅读文本大概需要15分钟

前言

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

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

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

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

JeffAtwood这个人是谁不重要(他是StackOverflow网站的联合创始人),重要的是这条定律。

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

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

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

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

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

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

一、VSCode的介绍

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

IDE与编辑器的对比

IDE和编辑器是有区别的:

IDE(IntegratedDevelopmentEnvironment,集成开发环境):对代码有较好的智能提示和相互跳转,同时侧重于工程项目,对项目的开发、调试工作有较好的图像化界面的支持,因此比较笨重。比如Eclipse的定位就是IDE。

编辑器:要相对轻量许多,侧重于文本的编辑。比如SublimeText的定位就是编辑器。再比如Windows系统自带的「记事本」就是最简单的编辑器。

需要注意的是,VSCode的定位是编辑器,而非IDE,但VSCode又比一般的编辑器的功能要丰富许多。可以这样理解:VSCode的体量是介于编辑器和IDE之间。

VSCode的特点

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

跨平台支持MacOS、Windows和Linux等多个平台。

VSCode的源代码以MIT协议开源。

支持第三方插件,功能强大,生态系统完善。

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

前端利器之争:VSCode与WebStorm

前端小白最喜欢问的一个问题是:哪个编辑器/IDE好用?是VSCode还是WebStorm(WebStorm其实是IntelliJIDEA的定制版)?我来做个对比:

哪个更酷:显然VSCode更酷。

内存占用情况:根据我的观察,VSCode是很占内存的(尤其是当你打开多个窗口的时候),但如果你的内存条够用,使用起来是不会有任何卡顿的感觉的。相比之下,IntelliJIDEA不仅非常占内存,而且还非常卡顿。如果你想换个既轻量、又不占内存的编辑器,最好还是使用「SublimeText」编辑器。

使用比例:当然是VSCode更胜一筹。先不说别的,我就拿数据说话,我目前所在的研发团队有人左右(个后台、80个前端),她们绝大部分人都在用VSCode编码,妥妥的。

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

VSCode的安装VSCode
1
查看完整版本: 干货VSCode超详细使用指南,