一：vux安装

# 安装vux

cnpm install vux --save

 

# 安装vux-loader

cnpm install vux-loader --save-dev

 

# 安装less-loader（用以编译less源码，否则会出现 ' Cannot GET / '）

npm install less less-loader --save-dev

 

二：vux 配置

在 webpack.base.conf.js 文件中

a，修改

module.exports

改为：

var originalConfig

b，修改

extensions: ['.js', '.vue', '.json'],

改为：

extensions: ['.js', '.vue', '.json','.less'],

c，在文件末尾添加如下代码

const vuxLoader = require('vux-loader')const webpackConfig = originalConfig module.exports = vuxLoader.merge(webpackConfig, {  plugins: ['vux-ui']})

保存文件，配置完成

三：vue eslint 代码自动格式化

vue-cli 代码风格遵循了 JavaScript Standard Style 代码检查规范。

a，安装

npm i -g eslint-plugin-vue#ornpm i -S eslint-plugin-vue

b，在项目文件 .eslintrc.js 添加如下代码

plugins: [    'vue'  ],

c，在vscode开发环境中，在项目路径中 ，例： D:\vux\vux-bpm\.vscode\settings.json 添加如下代码

{"eslint.autoFixOnSave": true,"eslint.validate": [    "javascript",{        "language": "vue",        "autoFix": true    },"html",    "vue"],}

配置完成后，按ctr + s，vscode会自动化帮我们格式化代码。