关于代码编辑器与集成开发工具

Posted 2021-04-25 Web系统设计与程序开发

之前有同学问起代码编辑器（Code Editor）和集成开发工具（IDE）的区别，还有同学分不清他们的不同作用，也有同学对VSCode中的插件不是很了解。所以，我这里对这些问题一并进行讲解。

首先我们来看下什么是Code Editor， 什么是IDE？

Code Editor是轻量级的代码开发工具，主要特点是占空间小、启动快、配置灵活。缺点就是功能比较简单，需要额外功能的时候要单独安装相应的插件。Code Editor的这些特点非常适合我们将其作为学习Web开发时的工具。配置好的Code Editor也非常适合作为大型与企业级项目的开发。我们现在所用的VSCode就属于这类Code Editor。 其它著名的Code Editor还包括Sublime Text、Brackets、Atom等等。

和Code Editor的轻量级特点相反， IDE是重量级的代码开发工具。IDE的特点是占空间比较大（比如我所使用的android Studio在简单配置下已经占用了1个多G的空间），一般启动较慢。但优点是功能比较全，一般不太需要安装额外的功能插件。但是从某种角度讲，很多功能也许你基本不会用到。在Web开发方面，著名的IDE包括Jetbrains公司的WebStorm和phpStorm，另外还有免费的Netbeans等等。有些同学在看网上教程的时候也许还会看到Dreamweaver，但是我个人是不偏向于使用Dreamweaver的。

以上是关于Code Editor和IDE的一些基本知识，建议各个软件都试用下，也许你会找到更适合你的工具。

下面我再来说下VSCode中的常用插件。就像我上面讲过的，Code Editor中额外的辅助功能你需要自己来根据需要添加。目前我VSCode中安装的现在用到的插件主要有：Advanced New File，Beautify，file-icons，canvas-snippets，Live Server，View In Browser。另外还有我们后续学习时会用到的插件，这个后面我还会介绍。其实在编辑器中我们可以看到有成百上千的插件可以安装，我觉得基本的原则是根据自己的需要来安装。否则，就不如直接使用IDE了。

工欲善其事，必先利其器。希望大家能熟练掌握自己手中的工具，这样在开发时才能让其提高我们而不是降低我们的开发速度。