一、需求：  微信小程序部分页面需要一键长图的功能。  通过html2canvas插件可以实现，具体可参考微信小程序实现一键长图并保存图片到相册。由于该插件只能在H5项目中使用，则需要截图的小程序页面点击后跳转到H5页面，把所需的token及接口参数带过去，在H5页面进行长截图并保存或转发，点击左上角返回即回到小程序。二、思路：  首先，考虑需要长截图的页面根据需求可能会迭代增加，新建了一个vue

44赞同·8评论文章前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后

vue-cli3创建的时候并不会自动创建v

亲测有用在根目录下的vue.config.js中添加lintOnSave:false即可，如下图eslint.jpg

在根目录下创建vue.config.js//vue.config.jsmodule.exports={publicPath:'/',devServer:{proxy:{'/api':{target:'https://aip.baidubce.com',//对应自己的接口changeOrigin:true,secure:false,ws:true,pathRewrite:{'^/api':''}}}

引入ant-desing-vue中一开始按照官网ant-desing-vue在vue-cli3中使用的要求进行，后续安装和初始化文成后修改src/main.js，引入antd的按钮组件以及全部样式文件就照搬了以下内容

第一步：安装babel-polyfill依赖npminstallbabel-polyfill--save-dev在main.js文件中引用这个库，import'babel-polyfill'第二步：安装es6-promise依赖npminstalles6-promise--save-dev在main.js文件引入下面的内容。importpromisefrom'es6-promise'和promis

vue-cli3你有使用过吗？它和2.x版本有什么区别？

目录前言提示一、安装&配置nodejs1.1、安装nodejs1.2、配置必要目录1.3、配置环境变量1.4、测试安装&配置是否成功1.5、安装淘宝镜像1.5、cnpm安装（推荐安装）二、vue-cli3

使用axios时打包时将axios.default.baseURL添加上不然打包后请求时会没有请求头

问题：vue-cli3搭建项目之后，修改文件保存后，页面不会自动刷新。解决：在vue.config.js文件中添加如下配置：

问题:Vue-cli3.0创建的vue项目不能自动打开浏览器解决:步骤一:在根目录下创建一个vue.config.js的文件内容:module.exports={//baseUrltype:{string}default:’/’//将部署应用程序的基本URL//将部署应用程序的基本URL。//默认情况下，VueCLI假设您的应用程序将部署在域的根目录下。//https://www.my-app.c

使用vue-cli3搭建项目，然后使用npmrundev命令运行发现项目运行报错。vue-cli3运行项目的命令应该是npmrunserve,那如何修改为npmrundev呢?

下载安装vue-cli脚手架VUECLI3的包名称由vue-cli改成@vue/cli。如果你已经安装了旧版本的vue-cli(1.x或2.x)，你先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。cnpminstall@vue/cli-gyarnglobaladd@vue/cli检查安装vue-V//大写Vimage.png使用命令行来创建v

file的文本框中，粘贴的时候（ctrl+v）实现图片的上传具体步骤是上传的时候需要验证传参token，那么实现的具体步骤就是，先登录获取token，然后再在请求头传入token两个大步骤实现我这里是使用vue-cli3

在使用Vue-cli3开发移动端的时候需要注意移动端适配的问题我是使用rem来做的，所以需要使用postcss-px2rem进行统一转换首先需要安装一下postcss-px2rem：npminstallpostcss-px2rem

vue项目中当你去index.html配置标题名,看见以下这些,可用下面去修改vue-cli3脚手架的项目下，在根目录的vue.config.js中添加如下代码chainWebpack:config=&

1.Vue3创建项目vuecreatetdmap2.npm引入Cesium包cnpminstallcesium--save3.新增配置文件constCopyWebpackPlugin=require('copy-webpack-plugin')constwebpack=require('webpack')constpath=require('path')constdebug=process.env

image.pngnpm仓库地址有关文章：【译】webpack小札:充分利用CommonsChunkPlugin()vue-cli3安装步骤npminstallwebpack-bundle-analyzer

目录第一步：安装插件第二步：装好之后在main.js里引入lib-flexible第三步：在vue.config.js中添加配置第四步：设置flexible.js的宽度根据屏幕大小自动适配，修改flexible.js文件，（全局搜索flexible.js）第五步：设置完成后重新启动项目，查看效果前期准备：vue2.0vue-cli3脚手架flexible插件自适应插件px2rem-loader插件

建项目布置切换使用语言：搜索框直接搜索该语言的英文，点击安装即可文件目录管理：设置颜色主题：一些通用操作：推荐安装的插件Vue.js项目技术栈Vue.js,Vue-Router,webpack,axios,Vue-cli3

第一步首先安装terser-webpack-plugincnpminstallterser-webpack-plugin-D第二步在vue.config.js文件里写插件的配置：module.exports={configureWebpack:(config)=>{if(process.env.NODE_ENV==='production'){config.optimization.minimiz

vue-cli3的vue.config.js多域名跨域本地代理配置背景在做项目时碰到了需要请求好几个域名下的接口的情况，而接口是确定没问题的，所以没有后台的同事介入，只能自己本地代理解决跨域的问题。

文章目录前言一、terser-webpack-plugin是什么？二、使用配置vue-cli项目前言开发环境下，console.log调试信息，有助于我们找到错误，但在生产环境，不需要console.log打印调试信息，所以打包时需要将console.log调试信息过滤清除。一、terser-webpack-plugin是什么？该插件使用terser来压缩JavaScript。terser-web

在根目录下的vue.config.js的module.exports加入如下内容:devServer:{proxy:{'/api':{target:'http://你的域名/'}}}/api为域名后面请求接口的url本地开发是跨域需要后台开放跨域

vue-cli3脚手架创建完毕不会有config文件，需要我们自己配置，并且官网有详细的配置列表。

基于vue.js，使用vue-cli3脚手架，引用ElementUI组件库，数据库直连mysql方便开发快速简洁好看的组件。

Vue技术栈开发实战-使用vue-cli3创建项目使用VueUI创建、管理项目这里的vue-cli必须是3.x,我以前下的居然是vue-cli2.x,因为vue-cli的包名变成了@vue-cli项目结构目录整理初始文件添加

创建应用$node-vv12.14.0$npm-v6.13.4$npmi-g@vue/cli$vue-V@vue/cli4.1.2$vuecreatestats创建Vue项目选择基础预设，其中包括babel和eslint插件。文件结构文件描述public静态资源文件夹src项目源代码包括目录src/config应用配置文件夹，推荐使用JSON格式。src/utils工具类库文件夹src/asset

前沿通过上一篇文章通过vue-cli3构建一个SSR应用程序我们知道了什么是SSR，以及如何通过vue-cli3构建一个SSR应用程序。

前沿因为最近vue刚刚发版了最新版本的vue-cli3，而最近刚刚好有个项目要迁移到vue，所以经过讨论，大家一起入坑VUE；然后我也刚好可以练手刚学一周的vue，结合TypeScript和vuex等全家桶的框架

Vue-cli2的环境配置和Vue-cli3不一样。现在每篇文章还得区分版本，不知道Vue全面支持TS之后会是怎么样=口=！