04 前端开发工具介绍

1. VS Code

  前端代码编辑器江湖排行榜首位，没有之一。
  微软自家的.NET体系本就有非常棒的IDE（集成开发环境）工具Microsoft Visual Studio，但该工具非常庞大笨重，不适合前端开发。
  2015年4月30日的Build开发者大会上，微软正式推出了源代码编辑器Visual Studio Code（简称VS Code）

因为是免费开源的，直接去官网下载就好了。官网地址：https://code.visualstudio.com/
VS Code的优势如下：

• 免费，开源
• 多平台支持，且占用系统资源少。
• 插件及其丰富
  说它江湖地位高，可不是我瞎说的，国外有个专做软件工程师的线上求职平台Triplebyte，与其它招聘机构不同的是它会帮企业进行技术面试，所以它经常会去调研程序员都用什么样的编辑器、编程语言、操作系统等。这是它给出的编辑器的使用数据[1]（不只是前端开发哟）：
  
  看到了吧，我再告诉你，这个数据是2019年的1月份给出的，我想现在所占份额应该是更大了。
  安装使用的教程我就不再说了，给几个超链接，或者你自己去查查吧。
• VSCode使用教程
• vscode安装使用教程
• 史上最全vscode配置使用教程
• 宇宙最强vscode教程（基础篇）
• vscode——无敌装B插件

2. HBuilderX

优秀的国产IDE工具，相当值得推荐，相比于VS Code等知名编辑器，属于小厂了，但我用起来觉得还不错

• 免费，而且就是个压缩包，下载解压即可使用
• 对vue开发进行了强化，自称vue开发的最佳伴侣
• 结合uni-app（该厂商推出的）的移动端开发框架，能快速进行微信小程序等开发
• 最欣慰的一点，该IDE三天两头进行迭代，一会儿又来个升级提示，说明厂商没有凉凉，用起来比较放心。

使用教程嘛，我觉得官网的帮助文档就挺全的，去看看吧。
https://hx.dcloud.net.cn/
支持国产，👍

3. 谷歌（chrome）浏览器

谷歌浏览器也是我们开发的一大利器，它可不仅仅只是个浏览器那么简单，一、它也有很丰富的插件，能帮助我们开发；二、它内置的开发者工具能帮助我们调试JavaScript的代码。
具体使用我就不献丑了，你自己去找找吧。

• Chrome开发者工具详解
• 前端-chromeF12 谷歌开发者工具详解 Network篇
• Chrome开发者工具9个调试技巧详解
• Chrome浏览器开发者工具详解

工欲善其事，必先利其器，先把装备准备妥当，然后开始JavaScript的深入学习吧！

---

[1] The Rise of Microsoft Visual Studio Code，2019