|
|
# VSCode 安装使用教程（图文版）
工欲善其事，必先利其器
对于我们每一位软件工程师来说，都要有自己顺手的 IDE 开发工具，它就是我们的武器。
一个好用的 IDE 不仅能提升我们的开发效率，还能让我们保持愉悦的心情，这样才是非常 Nice 的状态 ^_^
# 那么，什么是 IDE 呢 ？
what
-
IDE（Integrated Development Environment，
集成开发环境）是含代码编辑器、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的"高级代码编辑器" - 每个 IT 工程师都要有自己顺手的 IDE，它是我们的武器
- 要理解无论使用什么 IDE 编写出来的代码，本质上都是 "白底黑字" 的，都是 "纯文字" 的
# 目前，前端开发主流的 IDE 有以下 5 个
| IDE 名称 | 公司 | 是否免费 | 功能强大度 |
|---|---|---|---|
| Visual Studio Code | 微软 | 是 | 强大（推荐） |
| Sublime | 个人开发者 | 是（需要注册） | 适中 |
| Atom | GitHub | 是 | 适中 |
| WebStorm | JetBrains | 否 | 非常强大 |
| HBuilder | DCloud | 是 | 非常强大 |
为什么现在不用 Dreamweaver
-
Dreamweaver 是曾经网页制作的王牌 IDE，推崇
"所见即所得"，用拖拽控件的方式进行网页开发 - 但近几年，前端开发技术，形式已经发生了根本性的变化，Dreamweaver 现在不是前端工程师的主流选择了
# 故事得从 2017 年说起
第一次
关注到微软公司的 VSCode ，还是在 Vue 创始人尤雨溪的社交账号上看到尤大说 "正式转投 VSCode 了" ，从那时起自己也开始慢慢用起来，确实越用越 Nice 了。
事实上目前 VSCode 已经成为了各大厂前端开发人员的首选 IDE 开发工具了
上图是 Vue 创始人尤雨溪社交平台截图
# 下边我们开始玩转 VSCode
正式开始
- Visual Studio Code 简称 VSCode ，2015 年由微软公司发布。
- 可用于 Windows，macOS 和 Linux。它具有对 JavaScript，TypeScript 和 Node.js 的内置支持，并具有丰富的其他语言（例如 C++，C＃，Java，Python，PHP，Go）
- 优点：内置功能非常丰富、插件全且安装简单、轻量、有 MAC 版本
# VSCode 下载、安装
提示
蓝色按钮会自动识别电脑操作系统，到适合的版本，只需要点击下载即可