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

小鱼儿 2022-04-03 03:53 171阅读 0赞

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

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

![20181220123133790][]

TODO.gif

--------------------

## 克隆项目 ##

[项目地址][Link 1]

## 安装环境 ##

*  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 标准入门》第三版][ES6]
 *  视频教程：[《Promise 入门》][Promise]
 *  视频教程：[《Vue2.5开发去哪儿网App 从零基础入门到实战项目》][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、金山软件、百姓网等众多知名用户的认可。欢迎免费试用！

[![2018121912254161][]][2018121912254161]

[Fundebug]: https://www.fundebug.com/
[20181220123133790]: /images/20220403/3c2e192bdb2c4861bc00fe957386658b.png
[Link 1]: https://github.com/zaxlct/es6-practice
[ES6]: http://es6.ruanyifeng.com/
[Promise]: https://www.imooc.com/learn/949
[Vue2.5_App]: https://coding.imooc.com/class/203.html
[2018121912254161]: /images/20220403/b71194d90742424882f916dd64218471.png