1.4　Web前端开发工具

用于开发Web前端应用的工具有很多，如VS Code、WebStorm、Sublime Text、HBuilder、Dreamweaver等，如图1-6所示，可以根据使用习惯进行选择。

本书使用的开发工具是VS Code，它是一款免费开源的现代化轻量级代码编辑器，使用方便快捷，功能强大，支持各种的文件格式，跨平台支持Windows、macOS及Linux。接下来就介绍VS Code的安装方法。

1．下载VS Code工具

VS Code官网网址为https://code.visualstudio.com/。

VS Code官方文档网址为https://code.visualstudio.com/docs。

可以在VS Code官网首页下载对应系统（支持Windows、Linux、macOS）的软件，如图1-7所示。

也可以打开下载页面https://code.visualstudio.com/download下载想要的格式包，如图1-8所示。

2．VS Code安装

本书以Windows为例，找到已下载的VS Code安装文件，双击“运行”，如图1-9所示。

VS Code安装很简单，一直单击“下一步”按钮即可。

3．安装汉化包

VS Code安装汉化包很简单，打开VS Code，单击“安装扩展”，在搜索框输入Chinese，然后单击Install按钮，如图1-10所示。

VS Code的扩展功能非常强大，我们可以找到开发所需的工具，当然也可以自己开发。

4．界面说明

以下是VS Code启动后的界面，简单说明如图1-11所示。