vue-cli2 第4页

vue在生产环境、测试环境和开发环境，三种环境下配置不同的api地址

用vue-cli2打包的vue项目中可以根据更改配置文件，达到我们想要的效果。1.更改package.josn文件在package.json文件的script文件下添加"test":"no

lanc336·2020-09-16 10:32

vue-cli2静态文件引入

vue-cli2静态文件引入最近在整一个vue的项目，用的是vue-cli2的框架，由于之前接触了部分，还有很多未知，自己用写一个html页面，整合进vue组件中，频繁报错，主要遇到了几个问题：vue-cli2

道济和尚·2020-09-15 18:40

webpack 配置scss||less全局样式（自定义的，vue-cli2/3）

以scss为例,在自己配的webpack,和vue-cli2/3中配置全局样式引入（sass-resources

IceCover·2020-09-15 14:54

vue项目打包后本地访问index.html页面出现空白

解决办法vue-cli2：首先找到config/index.js文件，将assetPublicPath的路径改为“./”vue-cli3：在项目的根目录下创建vue.config.js，并加入以下代码。

Programmer-Z·2020-09-15 09:03

vue-cli2中的webpack打包文件地址出错问题

已经不是第一次遇到，结果今天还是再问了一遍我们另外一个前端小姐姐，来记录一下。首先放出报错信息：当时反应就是，我Dev环境跑起来这么欢快，小老弟，你测试环境你怎么肥四啊？你背着我把文件存哪去了！然后想来想去去找度娘。emmm，信息特别杂乱。那就只能靠我另外一个前端小姐姐了。最后做了3点修改，就完成了。1：背景图片必须放在static里面。（我之前都不知道，小声bb）2：在config文件的inde

李墨瞳·2020-09-15 09:01

vue项目性能优化3，优化：路由懒加载

基于webpack3、vue2和vue-cli2的性能优化。让页面打开更快，解决白屏问题。如果拆分的文件太多，会造成网络请求很多，这时，可以适当合并。

re思维·2020-09-15 08:44

vue项目如何在手机上做测试调试

1，在config文件夹下的index.js的host地方，改成电脑的ip地址2，可进入cmd命令，获取本地的IP地址3，重启一下项目，vue-cli2使用npmrundev即可4，可以使用二维码，微信扫一扫调试项目

weixin_45108907·2020-09-13 09:09

vue移动端-本地调试的两个方法

1.通过局域网ip访问——更改项目的host配置1)vue-cli2:config/index.jsdev.host改为"0.0.0.0",重启之后就可以通过本地ip或者localhost访问2）vue-cli3

阿之阿佐·2020-09-13 07:56

Vue-cli项目中使用Echarts和Echarts的百度地图扩展bmap

安装：npm安装：百度地图API官网申请key，在index.html中引入百度地图：在webpack的配置文件中设置外部扩展：如果是Vue-cli2，在build/webpack.base.conf.js

花铛·2020-09-12 23:40

vue打包之后生成一个配置文件修改接口

原博地址，此方法是基于vue-cli2脚手架的，亲测有效。注意！！第一点：红色框住的地方不要用变量，否则会打包失败。可以写一个具体的服务器地址。

String佳佳·2020-09-12 14:28

vue-cli3中使用express配置本地数据接口

写在前面2:用vue-cli3构建基础时候，需要用到express配置本地的接口数据，vue-cli2配置的时候在build文件中的webpack.dev.config.js中进行配置.1.在项目的根目录中增加

叫我酱油君好了·2020-09-10 11:46

vue-cli3安装升级，创建项目

npm或者cnpm，未安装的可查看教程https://blog.csdn.net/qq_36986067/article/details/107768841以下的是vue-cli3的安装1.如果先安装了vue-cli2

INIT_FAN·2020-08-25 04:16

【Vue-cli3开始】vue.config.js配置：将请求代理到本地mock的json数据

在开发过程中，前后端的进度不统一，对于前端同学来说，往往需要自己mockjson数据来处理接口逻辑，或者直接将请求代理到后端同学的开发机上（如果后端同学ready的话）~vue-cli2的代理方法网上较多

Dlingling·2020-08-24 16:57

vuecli3开发环境下sourcemap在浏览器上查看源代码的问题

遇到的问题老项目重构，vue脚手架更新至vue-cli3,经过一番配置后，发现跟之前的vue-cli2相比，调试的时候找到源代码的文件变得困难许多，如查看login.vue页面，出现一堆搜索结果：其中的

goblin_pitcher·2020-08-24 15:08

vue-cli2 构建速度优化

对于使用vue-cli脚手架创建的前端项目，编译发布几乎是必需操作，有的编译只需要几秒钟，快如闪电，有的却需要好几分钟，慢如蜗牛。如果是线上进行热修复，那更是分秒必争，网页响应的速度直接影响了用户体验，用户不会那么有耐心长时间等着，让你慢慢编译。网上流传vue-cli一些优化配置，有些在新版本的vue-cli和webpack3已经不再需要了，有些是针对webpack4的。对于新版本的vue-cli

lifefriend_007·2020-08-24 14:45

Vue-cli3项目处理包括（i18n/font-spider/xss/wangeditor）

项目开发阶段构建太慢超过300秒，按需加载所有组件也需50秒，转为vue-cli3.0配置少量webpack即可达到10秒的构建速度效果,热重载2秒，可以接受vue-cli2>>>>vue-cli3项目处理

eason·2020-08-24 14:37

Vue-cli引入Zepto.js

Vue-cli引入Zepto.js过程以及报错解决(Vue-cli2)如有朋友需要在Vue-cli3中引入Zepto请看我另外一篇博客附上链接：https://blog.csdn.net/wzyxdwll

wzyxdwll·2020-08-23 21:45

Vue-cli3集成zepto

Vue-cli3集成zepto由于许多朋友看到我之前的博客(Vue-cli集成zepto)，这篇博客是基于Vue-cli2配置的。现在大部分朋友使用的应该是Vue-cli3。

wzyxdwll·2020-08-23 21:45

vue-cli3 el-select下拉选项数据量导致页面卡顿，假死的解决办法

前提由于vue-cli3对node_moudules的处理和vue-cli2不同，我们通过将node_moudules中的el-select组件复制到本地，并扩充组件功能从而实现el-select下拉加载在

爱吃肉的暖羊羊·2020-08-23 17:04

vue集成百度离线地图

例如vue-cli2，在webpack.base.conf配置BMap的依赖包变量module.exports={......//百度地图变量映射externals:{'BMap':'BMap'}

昔有木如盖·2020-08-22 21:23

亲测成功解决internal / modules / cjs / loader.js：800 throw err;

记一次崩溃的安装vue-cli安装了vue-cli4，但是有些项目是vue-cli2的，导致vue4卸载不了直接删除了重新安装也无济于事，能奔溃啊。。各种报错。。

vue学习·2020-08-22 19:28

vue笔记 (十) vue-cli2和vue-cli3的使用与对比

vue-cli2安装$npminstall-g@vue/cli注意:上面安装的是vue-cli3（现在是4）的版本，如果需要想按照vu

楠丶·2020-08-22 19:37

vue项目在IE浏览器下的异常解决

问题描述：vue-cli2构建vue项目，在google浏览器下渲染、交互正常。在IE11浏览器打开页面未能正常渲染。某单页面项目是，导航无法正常路由。

weixin_30466039·2020-08-22 19:50

vue - vue-cli2脚手架搭建build文件夹详解

build.js构建环境下的配置: loading动画删除创建目标文件夹 webpack编译;输出信息//这是vue-cli脚手架工具的生产环境配置入口package.json中的"build":"nodebuild/build.js"的直接指向。//js的严格模式'usestrict'//检查node+npm的版本，引用./check-versions.js文件require('./ch

tjh0001·2020-08-22 18:09

vue-cli2引入使用less

vue-cli2引入使用less1、下载安装npminstalllessless-loader--save-dev//如果安装了淘宝镜像cnpm，也可以使用cnpm安装，在国内速度更快cnpminstalllessless-loader

weixin_44093149·2020-08-22 14:40

【vue】在vue-cli2下用axios模拟请求本地数据

前请提要：在未与后台进行交互时，前端先自行对接口进行测试是很有必要的。那么，要如何来模拟数据请求呢？如何请求本地的json文件呢？接下来将会详细说明。创建一个json文件（存放位置自行选择，这里我选择放在全局目录下）——db.json。{"student":[{"name":"Liz","age":20,"class":"xinguan1163","number":1},{"name":"aiz"

巴拉拉L·2020-08-22 14:45

扔掉 cli，webpack工程轻量化配置实战

前言之前有用webpack4与babel7改造基于vue-cli2生成的工程模板，介绍文章在此。之后通过一些实践，除去了cli工具相对复杂的配置结构，提供轻量化版本的配置方案。

xsbear·2020-08-22 13:24

vue项目打包后页面出现空白

相信很多刚刚接触vue的伙伴会遇到这样的问题，就是说vue项目在开发环境下一切正常，但是打包之后，打开index.html页面却是一片空白，打开控制台发现这样的错误出现这种情况要分两个处理方式（vue-cli2

qq_251025116·2020-08-22 13:41

vue入门（一）新建一个vue项目，搭建一个vue-cli2 脚手架（vue 项目）

第一步安装npm首先Vue的安装依赖于node.js，要保证你的计算机上已经安装过node.js，如果电脑上有node.js,可以跳过node安装，如果没有就先安装node。安装node，下载node下载之后默认安装，直到完成安装查看是否安装成功，可以查看安装npm的版本打开控制台电脑图标键+R输入cmd然后enter就可以进入或者shift+右键）命令行中输入：npm-vnode-v在node里

爱倒腾·2020-08-22 11:32

使用vue-cli2创建项目之后，运行npm run dev提示webpack:Cannot find module 'extract-text-webpack-plugin'的问题解决方法

image.png现在vue-cli已经更新到了第3个版本，官网只有很少关于vue-cli2的文档。

ElementABC·2020-08-22 11:28

基于webpack4的VUE多页脚手架

事情的经过是这样的，在很早很早以前，我尝试使用过VUE-CLI2进行过项目开发，当时并不怎么熟悉webpack以及一些打包编译

言图iantoo·2020-08-22 11:11

vue-cli 2 打包前和打包后的css前缀不一致的问题

啰嗦一哈最近基于vue-cli2学习webpack，将vue-cli2的webpack配置强撸了一遍，感觉身体已被掏空。。。

炮哥炮炮·2020-08-22 11:56

vue分环境打包

说明本文代码中的配置基于vue-cli2需求在实际开发中我们可能有测试环境一套请求API和正式环境一套API，尤其是两个环境的域名不同时，就需要我们分环境打不同配置的包了解webpack.DefinePlugin

chengfengwang·2020-08-22 01:23

vue-cli2配置使用

Vue提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：前提是本地安装了node、npm全局安装vue-cli$npminstallvue-cli-g创建一个基于webpack模板的新项目（my-project是项目名）$vueinitwebpackmy

Mr无愧于心·2020-08-21 18:26

【Vue-cli3开始】vue.config.js配置：将请求代理到本地mock的json数据

在开发过程中，前后端的进度不统一，对于前端同学来说，往往需要自己mockjson数据来处理接口逻辑，或者直接将请求代理到后端同学的开发机上（如果后端同学ready的话）~vue-cli2的代理方法网上较多

Dlingling·2020-08-21 03:46

nginx + vue-cli2 开启gzip

先上nginx的配置#gzipon;开始gzipon;gzip_min_length1k;gzip_buffers1664k;gzip_http_version1.1;gzip_comp_level9;gzip_typestext/plainapplication/x-javascriptapplication/javascripttext/javascripttext/cssapplicatio

攻城狮狮·2020-08-21 02:44

vue项目性能优化4，优化：gzip压缩

基于webpack3、vue2和vue-cli2的性能优化。gzip压缩，包括vue配置、nginx配置。

re思维·2020-08-21 02:38

vue-cli3解决跨域问题

vue-cli2建的项目有build和config文件夹，可以直接修改配置文件，但是vue-cli3没有，所以解决跨域问题时要新建文件（1）在项目的根目录建vue.config.js文件，书写如下module.exports

qq_43039392·2020-08-20 17:12

vue-cli3解决跨域问题

前提：vue-cli3与vue-cli2不同的地方是，vue-cli2有config和build文件夹，但是vue-cli3没有，所以相关的配置文件要自己建解决：（1）在项目的根目录建vue.config.js

qq_43039392·2020-08-20 17:42

vue设置端口号

下面介绍下vue-cli2和vue-cli3设置端口号大家都知道vue-cli2和vue-cli3生成的文件不同，如下图图一为vue-cli、图二为vue-cli3生成的项目文件下面看下配置文件3.0启动

黑匣子~·2020-08-19 01:59

vue程序运行过程(runtime-compiler和runtime-only)

这个图就是一个vue文件的完整运行过程，在用vue-cli2创建项目时,会让我们选择两种类型：1.runtime-compiler2.runtime-only这两种类型的区别就在于：1.runtime-compiler

大奔的大葱·2020-08-19 00:48

vue项目运行内存溢出

本地一个项目是使用vue-cli2构建的，可以正常运行。打算升级到vue-cli@3，遭遇了运行npmrundev无法运行，爆出JavaScriptheapoutofmemory的问题。

快乐的果哥·2020-08-18 15:01

vue-cli2使用less

vue-cli2使用less第一步安装less和less-loader，命令如下npminstalllessless-loader--sava-dev第二步打开build/webpack.base.conf.js

赵赢·2020-08-18 10:47

vue-cli2国际化

赵赢·2020-08-18 10:47

vue-cli3 编译打包文件的压缩优化

前言相比于vue-cli2，vue-cli3隐藏了很多默认的webpack配置，没有vue-cli2那么一目了然。但是都提供了各部分的修改路口，可以仔细研读下官方文档。

JEECG开源·2020-08-15 20:31

vue-cli 2 打包前和打包后的css前缀不一致的问题

啰嗦一哈最近基于vue-cli2学习webpack，将vue-cli2的webpack配置强撸了一遍，感觉身体已被掏空。。。

weixin_34218890·2020-08-15 20:37

vue-cli2/vue-cli3之抽离打包请求之config

场景需求:因为可能分为很多请求场景，所以不能换一次请求就打包一次，所以得把请求地址放到打包好的一个静态包里面改变vue-cli2版本的static/config/index.jsconstpeconfig

weixin_30732825·2020-08-15 19:06

Vue二级目录部署&多环境打包部署（二）

如果是Vue-cli2的可以看我的上一篇文章：Vue二级目录部署&多环境打包部署（一）我们的域名一般都是www.xxx.com，可是我们想实现www.xxx.com/aaa或者www.xxx.com/bbb

拿回忆下酒·2020-08-15 19:44

vue-cli2实现分环境打包步骤（给不同的环境配置相对应的打包命令）

打包命令：1、在config文件内新建test.env.js文件：module.exports={NODE_ENV:'"testing"',EVN_CONFIG:'"test"',}2、新建prod.env.js:module.exports={NODE_ENV:'"production"',EVN_CONFIG:'"prod"',}3、修改config/index.js4、对build中webp

景尘·2020-08-15 18:24

vue-cli2项目适应不同电脑分辨率

安装依赖：npminstallpx2rem-loader-Dpx转remnpminstalllib-flexible-S阿里可伸缩布局方案引入：//main.jsimport'lib-flexible'px转换成rem修改文件：vue-loader的options和其他样式文件loader最终是都是由build/utils.js里的方法生成的，我们只需在cssLoader后再加上一个px2remL

慢半拍、·2020-08-15 18:18

推荐频道

vue-cli2

vue在生产环境、测试环境和开发环境，三种环境下配置不同的api地址

vue-cli2静态文件引入

webpack 配置scss||less全局样式（自定义的，vue-cli2/3）

vue项目打包后本地访问index.html页面出现空白

vue-cli2中的webpack打包文件地址出错问题

vue项目性能优化3，优化：路由懒加载

vue项目如何在手机上做测试调试

vue移动端-本地调试的两个方法

Vue-cli项目中使用Echarts和Echarts的百度地图扩展bmap

vue打包之后生成一个配置文件修改接口

vue-cli3中使用express配置本地数据接口

vue-cli3安装升级，创建项目

【Vue-cli3开始】vue.config.js配置：将请求代理到本地mock的json数据

vuecli3开发环境下sourcemap在浏览器上查看源代码的问题

vue-cli2 构建速度优化

Vue-cli3项目处理包括（i18n/font-spider/xss/wangeditor）

Vue-cli引入Zepto.js

Vue-cli3集成zepto

vue-cli3 el-select下拉选项数据量导致页面卡顿， 假死的解决办法

vue集成百度离线地图

亲测成功解决internal / modules / cjs / loader.js：800 throw err;

vue笔记 (十) vue-cli2和vue-cli3的使用与对比

vue项目在IE浏览器下的异常解决

vue - vue-cli2脚手架搭建build文件夹详解

vue-cli2引入使用less

【vue】在vue-cli2下用axios模拟请求本地数据

扔掉 cli，webpack工程轻量化配置实战

vue项目打包后页面出现空白

vue入门（一）新建一个vue项目，搭建一个vue-cli2 脚手架（vue 项目）

使用vue-cli2创建项目之后，运行npm run dev提示webpack:Cannot find module 'extract-text-webpack-plugin'的问题解决方法

基于webpack4的VUE多页脚手架

vue-cli 2 打包前和打包后的css前缀不一致的问题

vue分环境打包

vue-cli2配置使用

【Vue-cli3开始】vue.config.js配置：将请求代理到本地mock的json数据

nginx + vue-cli2 开启gzip

vue项目性能优化4，优化：gzip压缩

vue-cli3解决跨域问题

vue-cli3解决跨域问题

vue设置端口号

vue程序运行过程(runtime-compiler和runtime-only)

vue项目运行内存溢出

vue-cli2使用less

vue-cli2国际化

vue-cli3 编译打包文件的压缩优化

vue-cli 2 打包前和打包后的css前缀不一致的问题

vue-cli2/vue-cli3之抽离打包请求之config

Vue二级目录部署&多环境打包部署（二）

vue-cli2实现分环境打包步骤（给不同的环境配置相对应的打包命令）

vue-cli2项目适应不同电脑分辨率

vue-cli3 el-select下拉选项数据量导致页面卡顿，假死的解决办法