朋友最近要做個(gè)自己用的OA來(lái)練練手（PS，那逼一直想創(chuàng)業(yè)）原叮，找我和他一起做赫编，由于最近時(shí)間有限，就幫他寫(xiě)個(gè)框架自己用吧奋隶。
我使用yarn管理的項(xiàng)目（真的不是跟風(fēng)）擂送，當(dāng)然也可以使用Npm管理
首先使用vue-cli初始化項(xiàng)目，然后安裝Vue-router Vuex element,由于朋友沒(méi)有做過(guò)前端所以我選擇了element快速開(kāi)發(fā)頁(yè)面唯欣。安裝好所有依賴(lài)后目錄結(jié)構(gòu)是這樣的
目錄結(jié)構(gòu)
這里需要注意的是我每個(gè)組件都是一個(gè)文件夾由index.vue script.js style.sass template.jade文件組成嘹吨，這樣可以方便的在編輯器中格式化，引用的時(shí)候只需引用文件夾就可
e.g.
import NotFound from './views/404';
index.vue
<style lang="sass" scoped src="./style.sass">
</style>
<template lang="jade" src="./template.pug">
</template>
<script src="./script.js">
</script>
script.js
export default {
data() {
return {
}
},
components: {
}
}
sass
.red
color: red
因?yàn)?code>vue-cli webpack 生成的項(xiàng)目沒(méi)有使用jade所以需要自己添加webpack的jade-loader
注意這時(shí)候需要安裝
pug-html-loaderjade
...
{
test: /\.pug$/,
loader: 'vue-html!pug-html'
},
...
Sass 支持
為了支持Sass需要安裝sass-loader node-sass
Vue-resource我安裝了還沒(méi)決定使用境氢，可能使用Ajax如果使用Ajax我會(huì)使用reqwest庫(kù)
這里的項(xiàng)目是參考了vue2.0構(gòu)建單頁(yè)應(yīng)用最佳實(shí)戰(zhàn)的過(guò)程蟀拷，所以例子的功能一樣~
求Star github
