安裝
https://blog.csdn.net/Honnyee/article/details/82181620
VUX 在 vue-cli 3 的安裝特別惡心臼膏，官方并沒有給具體文檔，導致我這個小白暈頭轉(zhuǎn)向，找了好久才找到并安裝成功，這里分享上面文章鏈接甸箱，寫的很好嘹黔，基本上可以讓你安裝并且使用了，然后以下是我的個人總結(jié)克滴。
1，vue-cli 3 的安裝
npm install -g @vue/cli
2优床，vue-cli 3 創(chuàng)建項目
vue create my-project
然后就是一堆項目配置選擇劝赔，此處分享文章
http://www.reibang.com/p/8105d6c16d80
哎呀，簡書真是個好東西胆敞，哈哈着帽，然后就是坑人的 VUX 安裝和配置了杂伟，至于過程此處省略一萬字，開玩笑的仍翰。
安裝指令：
# 項目里安裝 vux
npm install vux -save
# 安裝 vux-loader (必須裝)
npm install vux-loader
# 安裝 less-loader
npm install less less-loader --save-dev
# 安裝 yaml-loader (以正確進行語言文件讀取)
npm install yaml-loader --save-dev
配置 VUX
# 手動指定 vue-loader 的版本來解決加載問題
npm install vue-loader@14.2.2 -D
因為 vue-cli 3 取消了 webpack 配置文件夾赫粥，所以只能在根目錄下創(chuàng)建一個 vue.config.js 文件來配置這個 vue-loader ,以下是我的配置，基本上可以運行 VUX 了
module.exports = {
// 基本路徑
publicPath: "/",
// vux 相關(guān)配置,使用vux-ui
configureWebpack: config => {
vuxLoader.merge(config, {
options: {},
plugins: ['vux-ui']
})
},
devServer: {
port: 8081
},
css: undefined,
lintOnSave: false,
outputDir: undefined,
assetsDir: undefined,
runtimeCompiler: true, //包含運行時編譯器的 Vue 構(gòu)建版本
productionSourceMap: false,
parallel: undefined
}
然后我們就可以在項目中調(diào)用一下 VUX 測試一下是否就可用歉备。
<template>
<div id="app">
<x-header></x-header>
</div>
</template>
<style scope lang="less">
</style>
<script>
import {XHeader} from 'vux'
export default {
components: {
XHeader
}
}
</script>
到這里 VUX 基本安裝和使用就完事了傅是，哎呀，找到一個能一步到位真的是不容易蕾羊，希望此文能幫到和我一樣掉坑里的小伙伴喧笔，886。
