vue项目与nuxt.js实在有着太多的不同，例如项目结构变化很大，router.js没了，vuexstore写法有变化，router钩子没了等等。老项目毕竟也有一些体量，这么折腾我可接受不了，不过经过一番调查，我发现这些问题不是不可以解决。因此虽然迁移是要迁移的，但是要尽量保持vue-cli3项目的风味，以最小的...

svg矢量图有时候在项目中用起来当然要比图片用起来好。之前没有用过svg，这次花了一点时间在项目中支持了svg的使用，个人感觉用起来还是没有直接用fontclass的爽，然后又改成fontclass的使用，如下我说一下我是如何配置svg和fontclass的（这两者都是iconfont的不同使用方法）：一.使用svg&...

1.安装lib-flexible插件npmi--save-devlib-flexible2.在main.js里引入import'lib-flexible'3.安装postcss-px2rem插件npmi--save-devpostcss-px2rem4.新建vue.config.js,粘贴下面代码module.expo...

弄了一晚上太坑了！！！！1.在阿里图标库下载图标2.下载的解压后，选取四个字体文件  3.在src/assets文件夹下新建一个叫iconfont的文件夹，把这个四个字体文件放进去4.在src/assets/文件夹下新建一个叫styles的文件夹，把iconfont.css放进去5.在main.js...

公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案，开发过程中也遇到一些坑，自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案。搭建可以参考我的另一篇文章v...

一.前提条件1.确保使用的是Node8.11.0+和NPM3+；2.确保已全局安装vue-clie3：npminstall-g@vue/cli；二.安装依赖1.在安装依赖之前，先安装官方eslint插件，否则npmrunlint指令不管用：　　先删掉.eslintrc.js文件　　再：vueadd@vue/eslint...

vue-cli3.0移除了配置文件目录：config和build文件夹。可以说是非常的精简了，那移除了配置文件目录后如何自定义配置环境变量和模式呢?为什么需要配置环境变量和模式呢？所有方法肯定是来源于现实的需求。在一个产品的前端开发过程中，一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境，然后才能正式的...

为优化vue项目性能,需要使用webpack-bundle-analyzer分析报文件，找出最占用空间的插件有哪些，对应做出优化网上看了一些网站，有的写的太麻烦了，现将最简单的一种写出来供大家参考安装： npminstallwebpack-bundle-analyzer--save-dev &nbs...

这里只介绍一点最简单的用法...

1.安装axios(在项目中)npmiaxios　　2.创建axios.intercept.js 内容如下//配置axios拦截器importaxiosfrom'axios';importstorefrom'../store';//追加token//创建axios实例constservice=axios.cr...

1.在根目录创建.env.dev文件作为测试环境配置　　　　  创建.env.prod文件作为生产环境配置　　　　　(创建的文件和package.json在同一级) 2.配置.env.dev文件 .env.prod文件同下//测试环境标记package.json用VUE_APP_...

以jQuery为例第一种方法更改webpack配置信息1.在vue.config.js中（如果没有请在根目录新建）配置如下信息//constwebpack=require('webpack')module.exports={configureWebpack:{externals:{'jQuery':'jQuery',/...

1.安装element-uinpmielement-ui-S 2.安装按需引入必要插件npminstallbabel-plugin-component-D 3.修改babel.config.jsmodule.exports={presets:["@vue/app"],plugins:[//eleme...

最近安装了下vuecli3版本，与cli2相比，文件少了，以前配置方法也不管用了。demo中的大量的数据，需要做成ajax请求的方式来展示数据，因此，需要启动两个服务，一个用作前端请求，一个用作后端发送。双服务的配置方法在build/webpack.dev.conf.js中写入。在安装成功vue后，是仅有一个端口为80...