最近在学习 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...

参照 Vue 官方文档一步一步搭建 Vue相关推荐

Vue官方文档梳理-全局API
Vue.extend 配置项data必须为function,否则配置无效.data的合并规则(可以看<Vue官方文档梳理-全局配置>)源码如下: 传入非function类型的data(上图 ...
vue怎么把api 挂载到全局_深入理解Vue官方文档梳理之全局API
Vue.extend 配置项data必须为function,否则配置无效.data的合并规则(可以看<Vue官方文档梳理-全局配置>)源码如下: 传入非function类型的data(上图 ...
[VUE系列二]vue官方文档总结和整理
一.选项/数据 1. data 类型:Object | Function 组件的定义只接受Function 因为组件可能被用来创建多个实例.如果data仍然是一个纯粹的对象,则所有的实例将共享引用同一 ...
input不管用 vue_重读 VUE 官方文档 lt;2gt;
当在一个自定义组件上使用 class 属性时,这些 class 将被添加到该组件的根元素上面.这个元素上已经存在的 class 不会被覆盖. 当 v-bind:style 使用需要添加浏览器引擎前缀的 ...
Vue官方文档（48）: vuex的基本使用
1.在package.json中增加vuex "vuex": "^3.6.2" 2.运行npm install 3.在src目录下新建store目录,在stor ...
都在夸Vue文档简洁易懂？官方文档编写指南了解一下
来源:Vue官方文档编写文档是一种换位思考的练习.我们并不是在描述客观现实--源代码已经做到了.我们的工作是帮助塑造用户与 Vue 生态系统之间的关系.这份不断发展的指南提供了一些规则和建议,说明如 ...
基于vue的微信小程序开发5分钟上手教程（官方文档转）
使用手册 mpvue 继承自 Vue.js,其技术规范和语法特点与 Vue.js 保持一致. 注:其实就是官方文档,只是习惯看博文学习才直接copy过来的,详见官方文档本文档适用于有一定 Vue.j ...
如何在ORACLE CLOUD中创建和访问容器集群丨内附官方文档链接
墨墨导读:本文描述如何在Oracle Cloud中创建并访问容器服务.为了简单,所有的操作都是针对root隔离区. 创建允许容器运行的政策官方文档链接这一步是必须的,否则可以增加容器容器. 官方文档 ...
vue.js 2.0 官方文档学习笔记 —— 01. vue 介绍
这是我的vue.js 2.0的学习笔记,采取了将官方文档中的代码集中到一个文件的形式.目的是保存下来,方便自己查阅. !官方文档:https://cn.vuejs.org/v2/guide/ 01. ...
都在夸官方文档 Vue.js 2021 年度报告出炉！
整理 | 苏宓出品 | CSDN(ID:CSDNnews) 作为前端开发框架三剑客之一,Vue 自 2014 年发布以来,成为很多开发者必备的工具. 近日,国外软件开发机构 Monterail 在对 ...

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