第零步：基础语法

在学习 Vue 之前，首先你需要掌握 Html CSS JavaScript 的基础语法。

第一步：Hello World

完成一个 hello world 似乎已经成为学习编程的传统。

这里有一个在线的 Hello World 示例

第二步：npm

npm 是一个让 JavaScript 程序员分享和复用代码的工具。 有了它，JS程序员能高效地管理和发布自己要分享的代码。

我们接下来会经常使用到 npm，为了提高 npm 在国内的下载速度，可以选择 cnpm 进行代替。

npm install -g cnpm 安装成功后，以后可以使用 cnpm 代替 npm 命令。

第三步：Vue 基础

Vue 的官方文档十分简洁清楚，请直接参考官方文档完成 基础部分

第四步：做个小项目

为了更进一步的学习，做一个小项目（比如 TODO 应用）。推荐使用 vue-cli 快速搭建项目。

第五步：Vue-router

为了给前端页面增加路由功能，我们需要引入 react-router，参考文档：

Vue Router 使用教程

第六步：Vuex

构建复杂的 Vue 应用(复杂的交互和数据)，可能需要 Vuex 的参与。参考文档：

Vuex 文档

第七步：项目实战

最好的学习方法就是实战，在做项目时，遇到问题并解决问题，不断的补充新的知识。

如果你没有项目在开发的话。此时推荐你找到一个开源项目，并为它增加一个新的页面与功能。

更好的办法：免费加入『趣编程-选拔赛』，参与到互联网产品的开发中。

附录

在上面的步骤中，为了降低学习难度，是隐藏了一部分知识细节的。

要想成为一名初级前端工程师，你应该还需要认真学习这些内容：Webpack，ES6，Fetch 等等。

进阶

在已经初步学习了如何使用 vue 开发应用后，这里有更多的内容提升自己：

• 服务端渲染
• 前端性能分析
• 前端测试框架
• 单元测试
• 代码优化与压缩
• 代码分割与延迟加载
• 自己实现 router
• 自己实现一个 MVVM 框架
• node js
• 等等

   

想获得去掉 5 元限制的证券账户吗？

证券交易股票基金的佣金，不足 5 元会按照 5 元收取。比如交易 1000 元的股票，按照普遍的证券佣金手续费率万 2.5，其交易佣金为 0.25 元，小于 5 元，实际会收取佣金 5 元，买卖两次需要支付 10 元佣金成本，1% 的利润就这样没了。

如果您想去掉最低交易佣金 5 元限制，使用微信扫描左边小程序二维码，访问微信小程序「优财助手」，点击底部菜单「福利」，阅读文章「通过优财开证券账户无最低交易佣金 5 元限制」，按照文章步骤操作即可获得免 5 元证券账户，股票基金交易手续费率万 2.5。

请注意，一定要按照文章描述严格操作，如错误开户是无法获得免 5 元证券账户的。