es6学前准备（二）

es6项目构建

1、基础架构，组织关系

image.png

2、任务自动化（gulp）
提高速度
增强工作流程的工具，基于nodejs
学习流程： 中文api , 实用插件

3、编译工具（babel 、webpack）
babel编译 es6
webpack 打包
webpack及webpack-stream

4、代码实现
创建一个es6项目
完成目录结构、自动构建、服务器搭建

创建目录：

模板文件是.ejs文件，nodeJs，可以当做.html文件

1、下载node安装包（node安装以后，重启命令窗口）
2、脚手架 express 就是为什么是.ejs文件
3、npm install
4、npm init 创建package.json
5、gulpfile.babel.js 因为用的是es6

image.png