Project Initializing

考虑到新同学对 ES6 的配置不是很熟悉,我们通过脚手架的方式把 Babel、Webpack 等的配置直接生成好,只需要三步即可完成开发环境配置。

初始化项目

  1. $ npx es10-cli create projectName

es10-cli 是我们提供的脚手架,create 是创建项目的命令,projectName 是要创建项目的目录名称,安装成功的截图如下:
1.3 初始化项目 - 图1

启动项目

切换到 projectName 这个目录,启动即可:

  1. $ cd projectName
  2. $ npm start

访问项目

如果启动没有任何异常的话,直接在浏览器访问 http://localhost:8080 即可看到效果了。

[!TIP] 使用 npx 命令,要求 npm 的版本 > 5.2.0,如果不会使用 npx 命令可以按下述方式进行安装

  1. $ npm i es10-cli -g
  2. $ es10-cli create projectName
  3. $ cd projectName
  4. $ npm start