vux 项目的构建

 

一:vux安装javascript

# 安装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 配置html

在 webpack.base.conf.js 文件中vue

a,修改java

module.exports
改成:
var originalConfigwebpack

b,修改web

extensions: ['.js', '.vue', '.json'],
改成:
extensions: ['.js', '.vue', '.json','.less'],vue-cli

c,在文件末尾添加以下代码npm

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

保存文件,配置完成json

三:vue eslint 代码自动格式化less

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

a,安装

npm i -g eslint-plugin-vue
#or
npm 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会自动化帮咱们格式化代码。

相关文章
相关标签/搜索