基础架构
什么是任务自动化
减少人工操作,让机器自动的去响应
什么是gulp
解决自动化的构建工具,用node.js做开发
什么是babel webpack
balel编译工具,webpack是模块化工具,webpack-stream是对gulp的支持
项目目录创建
- app 放前端代码
- css
- js
- class 放置es6的类
- index.js 放口文件
- views 模版 html
- error.ejs 创建错误模版
- index.ejs 创建入口模版
- server 服务器目录
- 运行命令“express -e . ” 在当前目录使用ejs模版引擎
- tasks 构建工具目录
- util 放置常见脚本
- 运行“npm init’创建package.json,有了package.json以后,就可以用npm来安装各种依赖包了
- touch .babelrc设置babel编译工具
- touch gulpfile.babel.js