最近想用vue+vux寫一個(gè)項(xiàng)目蹋盆,于是到vux的官網(wǎng)看了文檔開始著手搭建項(xiàng)目,但是遇到一些坑饭宾。下面簡單說下安裝vux 的過程根悼。
默認(rèn)已安裝vue環(huán)境
1.安裝vux
npm install vux --save-dev
2.安裝vux-loader
npm install vux-loader --save-dev //官網(wǎng)沒提安裝這個(gè)凶异,但是不安裝會報(bào)錯(cuò)
3.安裝less-loader以正確編譯less源碼
npm install less less-loader --save-dev
4.安裝 yaml-loader 以正確進(jìn)行語言文件讀取
npm install yaml-loader --save-dev
5.修改build/webpack.base.conf.js中的代碼
將原文中的
修改成如下的
6.在安裝完依賴和配置后文件以后,引入vux的模板挤巡,把之前的about.vue拿來修改剩彬,全部的代碼如下
<template>
<div class="about">
<a href="./index.html">從about跳轉(zhuǎn)到demo1</a>
<group>
<cell title="title" value="value"></cell>
</group>
</div>
</template>
<script>
import { Group, Cell } from 'vux'
export default {
components: {
Group,
Cell
}
}
</script>
<style>
</style>
最后在運(yùn)行 npm run dev,顯示出的about.vue是這樣的矿卑,代表已經(jīng)引入vux成功喉恋,然后盡情的去使用vux的組件快速開發(fā)吧