Vue.js

过年之前我们再出个前端应用系列课程。前端框架会使用 Vue.js，后端服务选择的是 WordPress。其实选择什么后端服务都可以，我拿 WordPress 做个演示，你也可以很容易把它替换成其它的后端服务，比如 Drupal，Laravel，Node.js，Rails 等等。课程主要解决一般的前端应用的常见需求，比如内容列表，分页，内容页面，身份验证，文件上传还有内容发布。

Vue.js

课程里会用到 Vue.js 框架提供的全家福，用 vue-cli 创建项目，Vue 作为应用的主框架，vue-router 用作应用的路由，vuex 管理应用的数据。课程里会帮你理解这些东西涉及到的大部分概念。比如 vuex 里面的 actions，mutations，state 等等。

到目前为止我们在 Vue.js 课程里做的项目，都是直接在 HTML 文档上链接的资源，比如一些 CSS 与 JS 文件。因为这样做最简单，可以快速去理解 Vue.js 本身，减少了开始学习的干扰。现在，我们要深入一些，用模块化的方法去创建 Vue.js 项目，这就需要应用一大堆工具，你还得想办法根据自己的需求去配置这些工具。Vue.js 官方提供的 vue-cli 这个命令行工具可以快速地帮我们配置好这套开发环境。

安装 vue-cli

用 npm 或 yarn 在全局安装一下 vue-cli，打开命令行工具，Windows 可以用 cmder，macOS 用系统自带的终端。执行：

npm install vue-cli --global

完成以后，我们就可以使用 vue 这个命令行了。

项目演示

这回我们通过一个案例再好好学一下 Vue.js 框架。案例课程的好处是可以把碎片化的东西组合成一件产品。比如在这个 Vue.js 案例课程里，我们用了 Semantic UI 做应用界面的样式，Moment.js 来处理时间，Lokijs 作为应用的数据库，Browsery-sync 为应用搭建本地服务器。

订阅宁皓网，在线学习所有 Vue.js 还有相关课程。