现在我们的桌面上有两个项目 ... 先用编辑器打开它们 ... 我用的是 atom 编辑器 ..

下面这个 vue 开头的项目是我们之前在 vue.js 应用案例课程里做的一个项目 .. 现在我们要做的是去改造一下这个项目，让它更容易维护还有扩展 ..

上面这个 vuex 开头的项目是我们在这个课程的最开始用 vue-cli 创建的 ..

回到命令行 .. 先进入 vue 开头的这个项目 .. 然后执行一下 npm start ..

这样会打开项目的预览 ..

再进入到 vuex 开头的这个项目 ... 同样可以执行一下 npm start .. 或者 npm run dev ..

这样也会打开这个项目的预览 ..

重新再调整一下窗口的尺寸 .