1.3 储备知识点

1.3.1 HBuilder X界面介绍

如图1-11所示，HBuilder X拥有十分简洁的使用界面，大致分为五个部分。

• 编辑器：编辑文件的主要区域。可以在垂直和水平方向上并排打开任意数量的编辑器。

• 项目管理器：包含诸如资源管理器之类的不同视图，可在处理项目时提供帮助。

• 工具栏：控制文件的保存、浏览器运行等。

• 状态栏：显示有关打开的项目和编辑的文件的信息。

• 控制台：可以在编辑器区域下方显示不同的面板，以获取输出或调试信息，错误和警告或集成终端。也可以向右移动面板以获得更多的垂直空间。

1.3.2 其他开发工具使用说明（选修）

1.Sublime

Sublime的全称为“Sublime Text”，是一个代码编辑器，最早由程序员乔恩·斯金纳（Jon Skinner）于2008年1月开发出来。Sublime Text具有漂亮的用户界面和强大的功能，如代码缩略图、功能插件等。Sublime text还是跨平台编辑器，支持Windows、Linux、macOS等操作系统，其工作界面如图1-12所示。

2. Visual Studio Code

Visual Studio Code（简称“VS Code”）是微软（Microsoft）公司在2015年4月30日的Build开发者大会上正式宣布的针对编写现代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并可应用于Windows、macOS和Linux系统，其工作界面如图1-13所示。

它具有对JavaScript、TypeScript和Node.js的内置支持，并具有丰富的其他编程语言（例如C++、C#、Java、Python、PHP、Go）和运行时扩展的生态系统（例如。NET和Unity）。

3. WebStorm

WebStorm是JetBrains公司旗下的JavaScript 开发工具，被广大中国JavaScript开发者誉为“Web前端开发神器”“最强大的HTML5 编辑器”“最智能的JavaScript IDE”等。它与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JavaScript部分的功能，它的工作界面如图1-14所示。

4. Dreamweaver

Dreamweaver简称“DW”（中文名为“梦想编织者”），是美国Macromedia公司开发的集网页制作和网站管理于一身的“所见即所得”网页编辑器，2005年被Adobe公司收购。DW是针对非专业网站建设人员的视觉化网页开发工具，利用它可以轻而易举地制作网页，其工作界面如图1-15所示。