本节我们来学习配置 ES6
的 JavaScript 运行开发环境,通过 babel
把 ES6
转码为 ES5
。
选择一个编辑器
首先我们选择一个编辑器,然后在这个编辑器下配置 ES6
的 JavaScript 运行环境。这里我们选择 Visual Studio Code
,当然也可以选择其他的编辑器,例如 WebStorm
,大家可以根据自己的喜好选择。
如果我们要使用 Visual Studio Code
,可以到官网下载,地址为:https://code.visualstudio.com/。大家根据需求下载 VSCode
相应版本的安装包,然后进行安装。
安装好后的 VSCode
界面如下所示:
下载并安装Node.js
接着我们需要下载并安装 Node.js
,官网下载地址为:https://nodejs.org/en/,下载并安装好后,可以通过 node -v
来查看 Node.js
的安装版本,如果出现版本号则表示安装成功,例如:
Node.js
中含有 npm
软件包管理工具,所以我们安装好 Node.js
的同时就安装好了 npm
。
创建项目
然后我们可以创建一个项目,执行 npm init
初始化命令,根据显示的问题输入配置信息,如果全部默认选择默认值,可以直接执行 npm init -y
命令,这样就不用再一次次按回车了。执行完命令之后,项目根目录下会生产一个 package.json
文件,可以根据自己的需要进行修改这个文