qq_36529240的博客

**vue2**{ "Print to console": { "prefix": "sc", "body": [ "<template>", " <div>", "", " </div>", "</template>", "", "<script>", "export default {", " data() {", " return {", "",

一 安装cookie element-ui vue-i18nnpm install js-cookie element-ui vue-i18n--save二、i18n国际化常用的属性（**$tc , $t , te,v−t∗∗）1.te , v-t**）1.te,v−t∗∗）1.tc 用于复数，例如英文一般分单复数这里的复数，指的是同一个字段，可能根据单复数不同可以有多个值对关系；const messages = { en: { apple: 'no apples | one ap

第一步：history模式 在router.js中配置const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes,})export default router第二步在vue.config.js中加上如下配置module.exports = { publicPath: '/', //这个必须，引入静态资源需要从根路径引入，否则会找不到静态资源 devServ

一、安装我用的是免费版的npm install --save-dev @fortawesome/fontawesome-free查看版本在项目中scss文件(如style.scss)中引入fontawesome-free@import ".@fortawesome/fontawesome-free/scss/fontawesome.scss";@import "@fortawesome/fontawesome-free/scss/brands.scss";@import "@fortawe

下面会以这些方面来说明如何 优化构建速度：1.优化babel-loader：使用include或exclude来缩小查找范围使用cacheDirectory来设置缓存2.避免引入无用的模块：webpack.IgnorePlugin3.避免重复打包：module.noParse4.开启多进程打包：happypack5.多进程压缩js：webpack-parallel-uglify-plugin6.自动更新和热更新（仅适合开发环境）：watch(devServer自动开启)、HotModul

一、安装npm install typescriptoryarn add typescript二、配置ts1.在项目的根目录创建文件：tsconfig.json2.tsconfig.json代码// 配置参考https://www.tslang.cn/docs/handbook/tsconfig-json.html{ "compilerOptions": { "target": "esnext", "module": "esnext",

出现这个问题是最新版8.x以上版本问题，只需降低版本。一、卸载npm uninstall compression-webpack-plugin二、安装npm i compression-webpack-plugin@6.1.0

1.关闭productionSourceMap最新件脚手架不自带配置文件先在根目录新建vue.config.js文件，在vue.config.js中写入如下内容：module.exports = { productionSourceMap: false}2.开启Gzip压缩安装插件compression-webpack-plugin。这个插件必须配合后台，服务器上nginx也必须开启gzip才能生效npm install --save-dev compression-webpack-

一、新建js文件内容如下：import Vue from "vue";let selectPlugin = {};// 定义全局指令export default selectPlugin.install = function(vue, options) { // loadmore 是定义的指令 名称 ， 使用时 用 v-loadmore = "dosomethingFun or data" Vue.directive("loadmore", { // bind只调用一次，指令第一次

一、在vue.config.js添加，如果没有则新建// 是否为生产环境const isProduction = process.env.NODE_ENV !== "development";// 本地环境是否需要使用cdnconst devNeedCdn = false;const cdn = { // cdn：模块名称和模块作用域命名（对应window里面挂载的变量名称） externals: { vue: "Vue", vuex: "Vuex", "vue-r

一、安装npm i amfe-flexible -Snpm i postcss-pxtorem -Simport 'amfe-flexible' //引入rem自适应二、在vue-cli4+下,根目录中的 vue.config.js (没有，就新建一个)module.exports = { css: { loaderOptions: { postcss: { plugins: [ require('postcss-pxtorem')(

vue-cli4+ axios配置一、安装npm i axios -Snpm i qs -Snpm i element-ui -S//main.jsimport axios from "axios";import ElementUI from "element-ui";import "element-ui/lib/theme-chalk/index.css"; // 默认主题Vue.use(ElementUI);二、配置config文件中的代理地址这是我配置的地址：https://e

配置axios , 创建axios.js。三、调用接口request.js。

vue.config.js配置1.安装npm install --save-dev compression-webpack-plugin2.具体配置const path = require("path");// 在vue-config.js 中加入// 开启gzip压缩const CompressionWebpackPlugin = require("compression-webpack-plugin");const productionGzipExtensions = ["js",