VScode - 全面使用攻略（一） | 智伤帝的个人博客

前言

其实一年多前就写了一篇文章专门来安利 VScode 链接
那个时候还说 VScode 是个小众编辑器，其实得益于前端开发刚猛的势头，这个编辑器也越来越流行了。
结合了最近一年多的使用经验积累,我打算将自己使用 VScode 的经验总结归纳一下。
希望大家受用 |ू･ω･` )

B站也有别人录下推荐的视频(偏PHP后端方向的) av56583362

什么是 VScode

VScode 全称为 Visual Studio Code ,是微软公司开发的文本编辑器，由于名字过长，下面统统简称为 VScode。百度百科

为什么推荐 VScode

其实这个问题已经不需要我回答，网上也有大量推荐比如

Visual Studio Code（VS code）你们都在用吗？或许你们需要看一下这篇博文

为什么我选择使用 VS Code进行前端开发?

他们给出的理由都很充分，有些东西也不需要我多加赘述。

不过作为写给小白的教程，有些东西我还是需要明确一下。
在编程开发工具中，常用的代码编写工具有以下两种分类:

集成开发环境(Integrated Development Environment)

脚本编辑器(Text Editor)

可能会有人对这两个名词很陌生,不过只要指出一些编程开发的工具相信大家就明白了。

集成开发环境(Integrated Development Environment)

Visual Studio

Android Studio

Eclipse

Xcode

Netbeans

JetBrains 全家桶

PyCharm

WebStorm

Intellij IDEA

…

脚本编辑器(Text Editor)

VisaulStudioCode

Atom

Sublime

NotePad ++

Vim

Emacs

HBuilder

关于这两者的区别可以参照我初学编程的时候翻译的教程 av15609748
因为当时初学所以翻译质量不太好，请见谅(:з」∠)

在 3m50s 的地方 Simon 指出了 IDE 和脚本编辑器的区别。
脚本编辑器其实就是纯文本编辑工具，它只是让代码更好地显示，但是涉及到一些专门的测试环境就需要使用 IDE 这种复杂的开发环境。
用通俗的话来讲就是文本编辑器是导弹，而集成开发环境是核弹。
那更加强大的集成开发环境理应是最佳选择，那我们为什么还会选择导弹呢？
其实主要是因为杀鸡焉用牛刀的原理。
集成开发环境通常集成过多的东西导致很臃肿，然而普通程序员又有多少人会用到全部的工具呢？
因此文件体积更小，启动速度更快的脚本编辑器越来越受到程序员们的追捧。

我们可以参照 VisualStudio 的大小和 VisaulStudioCode 的文件大小比较就可以知道。
VisualStudio如果将所有语言的开发包都安装上需要几十个G
而VScode的安装包大小只有不到 100M

由于集成开发环境的庞大臃肿，很多集成开发环境都是有自己的针对领域的，比如说 JetBrains 的全家桶IDE
每一个软件都针对特定的开发环境需求进行优化，比如说 PyCharm 是针对 Python 而 Intellij IDEA 是针对 Java 的
而在这方面脚本编辑器因为其轻量化的特点通常还可以支持多种语言的编辑。

但是话说回来，即便是杀鸡焉用牛刀，随着开发越来越复杂，导弹的威力很可能并不能满足我们的开发需求的。
因此随着时代的发展 Atom 和 Sublime 这种带插件扩展的编辑器相继出现，而其他编辑器也紧跟其后。
我们可以通过编辑器的插件获取类似 IDE 的各种功能体验，而且插件相当于扩展模块，我们可以很轻松地开启和关闭无关的功能，也满足轻量化的需求。
如今 VScode 的插件的强大已经完全不输于专业IDE，比如Google的新技术Flutter 就钦定了 VScode 和 Android Studio 两个开发平台。
通过插件扩展的 VScode 开发 Flutter App 的体验几乎不输于 Android Studio 这种专业 IDE 。

当然由于这种高度定制化的插件功能扩展，如何搭配这些插件加快开发效率就得花很多时间去研究，不像 IDE 那样一整套功能提供好了。

这里我总结一下 IDE 我不喜欢的点：

按钮太多，功能太复杂，让人劝退，对新手不友好

针对特定开发环境，无法兼容不同语言，不灵活

插件较少，一些自定义开发需求难以满足

启动缓慢，占用系统资源多

纵然 IDE 有些不便的地方，我们也没必要全盘否定它，毕竟使用环境是不一样的。
IDE适合大型开发，特别是需要编译运行还要依赖各种环境的 C++ 或者 Java ，IDE的配套环境真的可以省去很多麻烦，调试使用 IDE 的工具也很省心。
脚本编辑器更加适合敏捷开发，比如 js python 这类的脚本语言。
而且现在很多IDE也支持插件开发进行功能扩展，并不是脚本编辑器特有的功能了。
以上就是我个人对 IDE 和脚本编辑器的看法，个人还是偏好脚本编辑器多一点

另外必须强调无论是 IDE 还是脚本编辑器都只是编程工具，编程最重要的是写程序的人，因此没有必要争自己使用的工具来秀优越感，适合自己才是最好的。

最后在众多脚本编辑器中为什么就选了 VScode呢？
其实几年前还是 Sublime 和 atom 称霸天下的时候。
不过后来 VScode 的插件生态建立起来之后，实现了弯道超车。
由于 atom 我没用过，Sublime 我也只是用了很短一段时间，所以我自己也不好做出评价。
我总结一下目前对VScode积极的认识：

微软爸爸的财大气粗做后盾，维护很积极

图形化图标，交互比较友好

集成 Git 和 Cmd 以及 Debug 工具，我以前用 Sublime 的时候这些东西都没有内置

安装插件有图形化界面，可以不敲命令行，对新手很舒服

插件超级丰富，社区极度活跃，有问题基本都可以在 Github Issue 以及 Stack Overflow 上查到答案

最重要一点是我自己也算是半个前端工程师，以前一直用学校教的 Dreamweaver ，自从接触了 Sublime 之后就爱不释手，后来另一个学前端的同学给我推荐了VScode真的就成了我编程开发的主力工具，大多数的开发都可以通过插件扩展实现在 VScode 上开发。
我印象最深刻的就是 VRML 语言，当时学校要求我们学习这个被淘汰的语言，而且还要用 VRML Pad 这种不知道是多少年前的开发工具，颜色高亮各种不清晰，操作各种不顺手。
最后还是通过 VScode 的插件来完美解决这些的问题。