Project Initializing
考虑到新同学对 ES6 的配置不是很熟悉,我们通过脚手架的方式把 Babel、Webpack 等的配置直接生成好,只需要三步即可完成开发环境配置。
初始化项目
$ npx es10-cli create projectName
es10-cli 是我们提供的脚手架,create 是创建项目的命令,projectName 是要创建项目的目录名称,安装成功的截图如下:
启动项目
切换到 projectName 这个目录,启动即可:
$ cd projectName
$ npm start
访问项目
如果启动没有任何异常的话,直接在浏览器访问 http://localhost:8080 即可看到效果了。
[!TIP] 使用 npx 命令,要求 npm 的版本 > 5.2.0,如果不会使用 npx 命令可以按下述方式进行安装
$ npm i es10-cli -g
$ es10-cli create projectName
$ cd projectName
$ npm start