zoukankan      html  css  js  c++  java
  • vux 项目的构建

    一: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
    #or
    npm i -S eslint-plugin-vue

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

      plugins: [
        'vue'
      ],

    c,在vscode开发环境中,在项目路径中 ,例: D:vuxvux-bpm.vscodesettings.json 添加如下代码

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

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

  • 相关阅读:
    SQLite简介
    dockerfiles宝藏系列
    Docker容器运行GUI程序的配置方法
    Windows神器cmder
    Typora设置标题自动添加序号
    手机往电脑备份相册
    搜索引擎的高级使用技巧
    Django Model 模型
    前后端分离是什么操作
    搭建FTP(win10版)以及基本FTP操作
  • 原文地址:https://www.cnblogs.com/xcj26/p/10318757.html
Copyright © 2011-2022 走看看