参照 Vue 官方文档一步一步搭建 Vue

songze 发布于2019-08-20 16:04 / 2247人阅读

摘要：最近在学习，利用搭建了一个最简单的模板，然后一步步看着官方文档逐步加上了。之后还会继续完善下去。项目做了一个评论页作为成功

最近在学习 Vue ，利用 vue-cli 搭建了一个最简单的模板，然后一步步看着 Vuex, Vux-router 官方文档逐步加上了 Vuex, Vue-Router, mock-server, unit-test。之后还会继续完善下去。项目做了一个评论页作为?

vue-starter-kit

A Vue.js project with mock-server and unit-test

features

we use mock.js to build your mock data ( as local database :) ), for example:

var Mock = require("mockjs");

module.exports = () => {
    var db = {
      project_comments: Mock.mock({
        "comments|5": [{
          "author": "@name",
          "comment": "@cparagraph",
          "date": "@datetime"
        }],
        "next": "@increment"
      }),
      push_comment: Mock.mock({
        "error": 0,
        "message": "成功"
      })
    }
    return db;
}

json-server

we use json-server to get a full fake REST API

unit test

test components and vuex( include mutations actions getters ), test result:

build setup

# install json-server
npm install json-server -g

# install dependencies
npm install

# serve with hot reload and mock
npm run start

# serve with hot reload at localhost:8181
npm run dev

# run unit test
npm run test

# run mock server at localhost:3000
npm run mock

# build for production with minification
npm run build

TODO

[x] add vuex to manage app state

[x] add unit test

[ ] refresh the mock server after modifying mock/db.js

GitHub: https://github.com/yanm1ng/vu...

GPU云服务器云服务器一步一步写java 走一步进一步进一步增强

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82693.html

一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app

摘要：箭头表示数据的流动，负责储存收藏夹的内容，方便下一次打开应用的时候内容不会丢失，服务器负责根据关键字爬取搜狗提供的数据。只看不赞，或者只收藏不赞的都是耍流氓，放学别走，我找我哥收拾你们。项目地址：https://github.com/jrainlau/wechat-subscriptor showImg(https://segmentfault.com/img/bVyFVF); s...

aboutU 2019-08-19 18:39 评论0 收藏0
比官方文档更易懂的Vue.js教程！包你学会！

摘要：目前专注前端图片优化与新技术的探研。还有一点必须要知道的是，是国人写的，技术文档也妥妥的是中文，想到这我就有学习的动力。注意到，等都是页面也可以是组件，接着注册路由器，然后开始配置路由。欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~ 本文由蔡述雄发表于云+社区专栏蔡述雄，现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师，曾参与《众妙之门》书籍的翻译工...

DandJ 2019-08-23 12:07 评论0 收藏0
教你如何打好根基快速入手react，vue，node

摘要：谨记，请勿犯这样的错误。由于在之前的教程中，积累了坚实的基础。其实，这是有缘由的其复杂度在早期的学习过程中，将会带来灾难性的影响。该如何应对对于来说，虽然有大量的学习计划需要采取，且有大量的东西需要学习。前言倘若你正在建造一间房子，那么为了能快点完成，你是否会跳过建造过程中的部分步骤？如在具体建设前先铺设好部分石头？或直接在一块裸露的土地上先建立起墙面？又假如你是在堆砌一个结婚蛋糕...

ddongjian0000 2019-08-23 13:39 评论0 收藏0