ES6项目构建

基础架构 

什么是任务自动化

减少人工操作,让机器自动的去响应

什么是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 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值