一个简单的 TODO 项目来练习 ES6 和 Vue

小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。

希望读者可以通过一个简单的 TODO 项目来练习 ES6 和 Vue，全部代码算上注释和空行一共160行左右，几乎涵盖了常用的 ES6 语法，如果能全部理解，基本上能胜任一般的 ES6项目。

TODO.gif

---

克隆项目

项目地址

安装环境

• node 版本需要大于 7.0
• 给 npm 设置 taobao 的 registry

npm install --registry=https://registry.npm.taobao.org

启动项目

# 安装依赖
npm i

# 启动项目 localhost:3000
npm start

学习思路

• 先不要着急去看 App.vue 里的源码，启动项目看到效果后，先自己手动实现
• 自己实现后，再对比源码
• 理解 App.vue 里的每一行代码

参考资料

• 书籍：《ES6 标准入门》第三版
• 视频教程：《Promise 入门》
• 视频教程：《Vue2.5开发去哪儿网App 从零基础入门到实战项目》（需付费）

如何提问

• 如果你遇到问题，可在 GitHub issues 里提问

作者：Yi罐可乐
链接：https://www.jianshu.com/p/097649ca1528

关于Fundebug

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了9亿+错误事件，得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用！