資訊專欄INFORMATION COLUMN
摘要：最近在學(xué)習(xí)，利用搭建了一個(gè)最簡(jiǎn)單的模板，然后一步步看著官方文檔逐步加上了。之后還會(huì)繼續(xù)完善下去。項(xiàng)目做了一個(gè)評(píng)論頁作為成功
最近在學(xué)習(xí) Vue ，利用 vue-cli 搭建了一個(gè)最簡(jiǎn)單的模板，然后一步步看著 Vuex, Vux-router 官方文檔逐步加上了 Vuex, Vue-Router, mock-server, unit-test。之后還會(huì)繼續(xù)完善下去。項(xiàng)目做了一個(gè)評(píng)論頁作為?
vue-starter-kitfeaturesA Vue.js project with mock-server and unit-test
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 testtest 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 buildTODO
[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...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82693.html
摘要：箭頭表示數(shù)據(jù)的流動(dòng)，負(fù)責(zé)儲(chǔ)存收藏夾的內(nèi)容，方便下一次打開應(yīng)用的時(shí)候內(nèi)容不會(huì)丟失，服務(wù)器負(fù)責(zé)根據(jù)關(guān)鍵字爬取搜狗提供的數(shù)據(jù)。 只看不贊，或者只收藏不贊的都是耍流氓，放學(xué)別走，我找我哥收拾你們。 項(xiàng)目地址：https://github.com/jrainlau/wechat-subscriptor showImg(https://segmentfault.com/img/bVyFVF); s...
摘要：目前專注前端圖片優(yōu)化與新技術(shù)的探研。還有一點(diǎn)必須要知道的是，是國(guó)人寫的，技術(shù)文檔也妥妥的是中文，想到這我就有學(xué)習(xí)的動(dòng)力。注意到，等都是頁面也可以是組件，接著注冊(cè)路由器，然后開始配置路由。 歡迎大家前往騰訊云+社區(qū)，獲取更多騰訊海量技術(shù)實(shí)踐干貨哦~ 本文由蔡述雄發(fā)表于云+社區(qū)專欄蔡述雄，現(xiàn)騰訊用戶體驗(yàn)設(shè)計(jì)部QQ空間高級(jí)UI工程師。智圖圖片優(yōu)化系統(tǒng)首席工程師，曾參與《眾妙之門》書籍的翻譯工...
摘要：謹(jǐn)記，請(qǐng)勿犯這樣的錯(cuò)誤。由于在之前的教程中，積累了堅(jiān)實(shí)的基礎(chǔ)。其實(shí)，這是有緣由的其復(fù)雜度在早期的學(xué)習(xí)過程中，將會(huì)帶來災(zāi)難性的影響。該如何應(yīng)對(duì)對(duì)于來說，雖然有大量的學(xué)習(xí)計(jì)劃需要采取，且有大量的東西需要學(xué)習(xí)。 前言倘若你正在建造一間房子，那么為了能快點(diǎn)完成，你是否會(huì)跳過建造過程中的部分步驟？如在具體建設(shè)前先鋪設(shè)好部分石頭？或直接在一塊裸露的土地上先建立起墻面？ 又假如你是在堆砌一個(gè)結(jié)婚蛋糕...
閱讀 772·2021-09-28 09:35
閱讀 2601·2019-08-29 11:25
閱讀 2165·2019-08-23 18:36
閱讀 1864·2019-08-23 16:31
閱讀 2078·2019-08-23 14:50
閱讀 3131·2019-08-23 13:55
閱讀 3299·2019-08-23 12:49
閱讀 2091·2019-08-23 11:46
