背景基于Vue-cli 项目产品部署，涉及到的交互的地址等配置信息，每次都要重新打包才能生效，极大的降低了效率。我们的目的是让项目实施的小伙伴重新快乐起来。网上实现的方式，都是半自动化的，还需要重新修改。需求点配置化：打包后的配置文件可二次修改配置自动生成：vue-cli 提供了各种环境的打包，要实现相关配置文件的自动打包研发人员无痛感：对于产品研发人员来说，不需要增加额外的打包成本，基于Vue-cli的开发习惯不变。实...
哈希模式，好用，不需要服务器配合分配路径指向，自己单机就可以打开了接下来上代码截图 接下来开始截图 历史模式 历史模式需要后端支持打包后自己直接点击是打不开的截图如下 原文：https://www.cnblogs.com/sugartang/p/11594727.html
接下来，带来js全新技术ES6，结合Vue install全局组件实现Axios封装，以代码形式讲解。1、请求封装//file：src/api/http/http.js import axios from ‘axios‘ axios.create(); axios.interceptors.request.use((config)=>{ //axios请求拦截return config; //记得return请求}) axios.interceptors.response.use((response)=>{return response; }) class http{static async get(url,params,contentType="application/x-www-form-u...
vue项目默认的打包路径：根目录下的dist文件夹下；但是在项目开发中，我们肯定希望项目提交到svn目录或者git目录下，否则每次复制过去，太麻烦了；那怎么配置打包路径呢？下面来看看；首先，我们找到打包配置文件 "config/index.js"下的build属性修改build.index和assetsRoot的值，我用的是绝对路径；配置项目打包路径："F:/app/vuedemo"；配置入口文件："F:/app/vuedemo/index.html"；配置资源文件路径："F:/app/vuedemo/static"；...
djangopip源更换虚拟环境配置目录和日志配置数据库配置用户模块自定义异常，响应配置xadminvuevue基础配置vue高级配置原文：https://www.cnblogs.com/zx125/p/11946384.html
prettier 官方有三个跟 eslint 相集成的工具：https://prettier.io/docs/en/integrating-with-linters.html它们的具体区别见：https://gist.github.com/savokiss/e5e585f30d3c775a07c45f53fcb6ca06 不过目前已经不推荐使用 prettier-eslint 了（并且 Vetur 有一个相关 bug，在 VS Code 下也无法格式化代码），推荐 eslint-plugin-prettier 与 eslint-config-prettier 一起使用。 首先安装相应的包：yarn add prettier eslint-plug...
1、环境配置安装VsCode安装包管理工具：直接下载 NodeJS 进行安装即可，NodeJS自带 Npm 包管理工具，下载地址：https://nodejs.org/en/download/ 安装完成后在命令行执行以下命令查看npm包管理器版本npm -v npm中文文档：https://www.npmjs.cn/配置淘宝镜像npm install cnpm -g --registry=https://registry.npm.taobao.org然后执行 cnpm -v 查看版本信息E:\视频\VUE>cnpm -v cnpm@6.0.0 (C:\Users\Administrator\AppData\Roaming\...
分环境来打包：开发环境测试环境正式环境配置文件.env.env.development.env.production 没有这三个文件的在根目录自己创建就可以 看看每个env文件中写的东西.env 开发环境NODE_ENV = ‘dev‘ VUE_APP_CURENV = ‘dev‘.env.development 测试环境NODE_ENV = ‘test‘ VUE_APP_CURENV = ‘test‘.env.production 生产环境NODE_ENV = ‘pro‘ VUE_APP_CURENV = ‘pro‘ 我们在上方的env里写的代码是干嘛用的呢，我们使用 process....
module.exports = { // 部署应用时的基本 URL baseUrl: process.env.NODE_ENV === ‘production‘ ? ‘192.168.60.110:8080‘ : ‘192.168.60.110:8080‘, // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为 outputDir: ‘dist‘, // build时放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 assetsDir: ‘‘, // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝...
1.创建项目（vue项目的流程就不多讲了）2.cnpm install vux --save3.在build/webpack.base.conf.js配置：const vuxLoader = require(‘vux-loader‘)把第一个module.exports赋值变量let webpackConfig ={里面代码不动}然后这个放在最底部去module.exports = vuxLoader.merge(webpackConfig, {plugins: [‘vux-ui‘, ‘progress-bar‘, ‘duplicate-style‘] })4.安装vux-loader使用命令cnpm install vux-loader -D5.cnpm install l...
{"vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatter.ts": "vscode-typescript","vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatter.css": "prettier" }原文：https://www.cnblogs.com/xiaoyucoding/p/11748138.html
【转】https://juejin.im/post/5c63afd56fb9a049b41cf5f4基于vue-cli3.0快速构建vue项目本章详细介绍使用vue-cli3.0来搭建项目。 本章使用vue-cli3.0构建的项目是基于webpack的模板文件，构建后的项目属于单页面（SPA）应用。因此，该文档后续操作与说明不适用于构建一个多页面应用。相比于之前有如下优点：功能丰富：对babel、Typescript、ESLint...提供开箱即用的支持易于扩展：它的插件系统可以让社区根据需求构建和共享可复用的...
文章https://www.cnblogs.com/XHappyness/p/7677153.html已经对axios配置进行了说明，后台请求时可直接this.$axios直接进行。这里的缺点是后端请求会散乱在各个组件中，导致复用和维护艰难。升级：将请求封装在一个文件中并加上类型声明步骤： 1. npm install axios --save 2. src/common下建server.ts 内容如下/*** 后台请求设置*/ import axios from ‘axios‘ // import {Notification} from ‘element-ui‘ import { serverUrl...
1.环境切换 API_ROOT: ‘"http://192.168.1.145:92"‘const rootUrl = process.env.API_ROOT 2.打包服务器配置先安装generate-asset-webpack-plugin插件npm install --save-dev generate-asset-webpack-plugin在webpack.prod.conf.js里面配置//让打包的时候输出可配置的文件var GenerateAssetPlugin = require(‘generate-asset-webpack-plugin‘);var createServerConfig = function (compilation) { let cfgJson = { Ap...
npm install style-resources-loader vue-cli-plugin-style-resources-loader less-loader less -S// vue.config.js文件中的配置 const path = require(‘path‘); module.exports = { pluginOptions: {‘style-resources-loader‘: {preProcessor: ‘less‘,patterns: [path.resolve(__dirname, ‘./src/assets/common/global.less‘)]}} } 原文：https://www.cnblogs.com/luozhixiang/p/13267958.html