1.6 开发工具

对于编写JavaScript文件,这里推荐使用Visual Studio Code,下载网址:https://code.visualstudio.com/,它提供基础的代码语法高亮、智能提示和项目管理功能,还可以通过插件扩展它的功能,例如安装第三方库的辅助开发插件、主题插件、代码格式化插件等。针对本书中的示例,可以安装Prettier(用于格式化代码)和Live Server(用于运行HTML页面到服务器中)。

在浏览器运行JavaScript的示例中使用了双击的方式打开index.html,但是在实际开发中不推荐这么做,浏览器会有CORS(跨域资源共享)保护,且浏览器网址会显示file://,而非http://,这样可能会引发问题。这时如果使用Live Server插件,只需要在index.html文件中右击,选择Open with Live Server就可以把index.html运行在服务器中,以http://的形式访问,如图1-5所示。

图1-5 使用Live Server运行html文件

在Node.js环境下,同样可以使用Visual Studio Code编写代码,但无须使用Live Server插件和编写html文件了。