vue-cli2

【项目记录】vue项目打包去除console、注释等

vue-cli2项目：build/webpack.prod.conf.jsnewUglifyJsPlugin({uglifyOptions:{compress:{drop_console:true,//
陪着月亮·2023-06-15 21:47

13.vue-cli

单页面应用程序：所有的功能只在index.html中完成vue-cli是vue版的webpack目录1安装vue-cli2创建项目3使用预设4删除预设5开启项目6项目文件内容6.1node_moduls
Suyuoa·2023-04-19 07:12

为 Vue-cli2 项目设置不同的后端 API

当Vue-cli项目的生产版本和发布版本调用的api不同时，我们可以在build/webpack.dev.conf.js和build/webpack.prod.conf.js中分别添加键值对API_ROOT:'"http://127.0.0.1/dev_api"'和API_ROOT:'"http://domainname/prod_api"'，此时你会发现在vue组件中使用的process.env
Stefango·2023-04-17 13:00

vue dev和serve区别

首先这个是可以自己webpack配置dev是vue-cli2，serve是vue-cli3群友说：这玩意儿不是，这packge.json里自己配置的吗，能有什么区别？
半个开心果·2023-04-14 16:49

从零一步步实现一个前端脚手架

小编在看了vue-cli3，vue-cli2的脚手架实现之后，心血来潮自己实现一个简易版的脚手架，下边我们一起来学习一下脚手架的实现流程
小猿_Luck_Boy·2023-04-14 10:06

vue-cli3 使用 cesium 创建 3d 地图

效果如下:image.pngvue-cli3创建项目流程就不细说了,网上有很多.具体来说在vue-cli3创建的项目中如何使用cesium创建3d地图.网上搜的许多都是vue-cli2的东西,还有许多的坑
弹指一挥间_e5a3·2023-04-13 20:29

前端vue部署 Docker 化项目的请求后端地址可配置

然后新建一个config.js文件Vue-cli2项目的是没有public文件夹。只有static文件夹。也就是说vue-cli2项目的放置在static文件夹下。
深圳程序员打工崽·2023-04-13 07:09

vue-cli2 开启 gzip 压缩

第一步：找到config文件夹下的index.js文件，将productionGzip改为true，开启gzip压缩。index.png第二步：安装依赖compression-webpack-pluginnpminstall--save-devcompression-webpack-plugin第三步:找到build文件夹下的webpack.prod.conf.js文件，配置gzipjs.png代
席小丽·2023-04-09 17:52

（Vue笔记）VSCode创建与运行 Vue-cli + @Vue-cli 项目

目录1、创建前提2、Vue-cli构建Vue项目2.1、开始构建2.2、运行项目3、@Vue-cli构建Vue项目3.1、开始构建3.2、运行项目4、总结1、创建前提已全局中安装vue-cli2脚手架构建工具
电竞丶小松哥·2023-04-09 17:42

解决：vue打包后在本地运行dist文件夹中index.html出现空白页面

dist文件中的index.html页面却是一片空白，打开控制台发现报错：Failedtoloadresource:net::ERR_FILE_NOT_FOUND出现这个问题的话，需要查看自己使用的是vue-cli2
码小夫·2023-04-09 03:30

Vue项目打包部署(hash模式)

前提准备我们需要准备一个vue项目（vue-cli3，vue-cli4）、一个nginx服务器（可有可无）本教程讲解的是vue-router中hash模式的部署【完全适用vue-cli3、4】，vue-cli2
大前端工程师·2023-04-09 03:59

关于vue-cli2和3的那些事

vue-cli能够快速的搭建vue项目结构,在一个新的项目启动为我们配置各种文件目录及项目打包都提供了非常快捷的便利.安装方式的区别:vue-cli2.0(据说有其他多种方式,下面是我经常用到的)vueinitwebpack2.0projectvue-cli3.0vuecreate3.0project如果你开始搭建vue-cli3.0这个时候你电脑的vuecli版本必须大于3.0,如果小于3.0会
哟西大人1·2023-04-06 09:02

vue-cli2/3下使用vue-devtools插件

vue-devtools是Google扩展工具，用来调试vue项目很方便安装方法：1.先下载，git:https://github.com/vuejs/vue-devtoolsnpminstallnpmrunbuild2.把生成的\shells\chrome目录下的manifest.json打开修改"persistent":true//改为true3.Google浏览器打开，设置---扩展程序，然
cooqi·2023-04-05 23:27

使用vue + postcss-pxtorem 进行px转rem布局

如果使用vue-cli2版本搭建项目，需要降低postcss-pxtorem版本使用npmip
誓言_ab20·2023-04-05 04:18

一文详解vue-cli2.0与vue-cli3.0之间的区别

目录1.项目目录结构2.配置项3.可视化界面4.其他⏬扩展：vue&vuecli版本及对应关系总结：vue-cli不同版本的区别参考资料我们之所以介绍vue-cli2和vue-cli3的使用和区别，是因为
儒雅的烤地瓜·2023-04-03 06:12

同一台电脑 实现 vue-cli2和vue-cli3同时并存

win下vue-cli2和vue-cli3并存，一起使用文章目录win下vue-cli2和vue-cli3并存，一起使用安装vue-cli版本检验安装是否成功修改vue2和vue3的名称配置环境变量打开环境变量所在位置新建系统变量最后修改
菜鸟一站·2023-04-03 03:44

vue-cli2与vue-cli3同时存在并全局调用

哎，遇到类似vue-cli2和vue-cli3不能同时存在的问题，也实在是让人头疼的，偏偏一些项目升级的同时又要维护旧的系统，下面康康如何解决吧。
Wendy__Smile·2023-04-02 09:06

vue - vue-cli2脚手架搭建项目结构目录详解（二）

├─build//webpack开发打包相关配置│├─build.js//构建环境下的配置:loading动画;删除创建目标文件夹;webpack编译;输出信息│├─check-versions.js//node和npm的版本检查│├─logo.png│├─utils.js//配置静态资源路径；cssLoaders用于加载.vue文件中的样式；styleLoaders用于加载不在.vue文件中的单
w_wx_x·2023-04-01 19:29

服务器子目录部署 Vue-cli2 项目

vue-cli项目打包后，发布到容器子目录projectName下，需要对项目作出两处修改：一处是在config/index.js的build下面修改assetsPublicPath:'/'改为assetsPublicPath:'./'，一处是在src/router/index.js的Router下面新增base:'/projectName/'。最后，可以通过域名/projectName来访问项目
Stefango·2023-03-29 12:17

vue-cli3 打包上传至阿里云oss

index.html放到web服务器上，其余的静态资源全部放到阿里云上（cdn+oss）这样做有以下好处：释放web服务器的带宽更快更平滑的版本迭代（下面会有详细描述）下面为实践过程，基于vue-cli3的部署过程（vue-cli2
richchen·2023-03-27 11:45

vue-cli2 的 config/index.js配置

config/index.js里面的build配置index:模板assetRoot:打包后文件要存放的路径assetsSubDirectory:除了index.html之外的静态资源要存放的路径，assetsPublicPath:代表打包后，index.html里面引用资源的的相对地址assetsRoot:在当前目录的上一级的上一级的Web目录下输出资源文件assetsSubDirectory:
黎轩栀海·2023-03-27 05:46

vue-cli2与vue-cli3同时存在并全局调用

遇到类似vue-cli2和vue-cli3不能同时存在的问题，也实在是让人头疼的，偏偏一些项目升级的同时又要维护旧的系统，下面康康如何解决吧。
翟小乙·2023-03-25 16:32

webpack vue-cli2 区分测试环境和线上环境

目前vue-cli2上原配置是只有开发环境dev和线上环境prod的配置，但是我们实际场景上还有很多需要一个测试环境test,下面就是对测试环境的配置，将测试环境和线上环境的打包代码分开就不需要切来切去了
马小帅mm·2023-03-18 08:39

从零开始vue-cli2搭建vue2.+移动端项目及踩坑过程

大半年前的小项目，现在重构一下，顺便回忆一下当时遇到的bug。不多说废话，先直接上图，校验自己环境并且利用脚手架初始化项目。检查自己环境，初始化项目然后执行npmrundev报错：'webpack-dev-server'不是内部或外部命令，也不是可运行的程序或批处理文件。报错1.png估计依赖没完全安装完成，执行一次cnpminit（利用淘宝NPM镜像），init完成后，直接执行npmrundev
BlueSeaBoat·2023-03-17 23:28

前端性能优化-webpack

一、vueCli查看打包后文件的大小占比⚠️vue-cli2使用webpack-bundle-analyzer//用vue-cli2构建的项目中里已经集成了使用npmrunbuild--report命令即可
前端的爬行之旅·2023-03-17 18:29

带你了解vue

现在已有vue-cli3他的架构更灵活，我的是vue-cli2这里的配置主要是解决我们开发的本地环境和服务器环境存在跨域的问题我们可以规定传入的数据类型有关于vuex的一些代码示例我会在之后更新，本文章来自于之前公司内部分享的
越努力越幸运_952c·2023-03-14 03:53

Vue-cli3的favicon修改问题

新的项目用vue-cli3来搭，以前都是用vue-cli2来做，一开始还有些不熟悉。在项目快结束的时候正好需要更换浏览器导航的icon，发现并没有那么简单。。。
还是流星拳比较好·2023-03-13 14:31

vue3和vue2区别

如果是2开头说明当前使用的是vue-cli2，3开头的话就是vue-cli4查看版本：vue--version如果无法识别vue命令说明没有安装vue-cli，使用以下说明进行安装安装3.0版本:npminstall-gvue-cli
weixin_46183126·2023-03-13 10:45

vue-cli2 老项目webpack3升级webpack5过程总结

文章目录背景一、webpack5环境要求二、升级步骤1.脚手架webpack-cli2.升级webpack包3.更新webpack相关插件3.1不推荐或被移除的插件3.2升级babel到7版本3.3更新插件4.修改配置4.1新增mode选项4.2CommonsChunkPlugin4.3module.loaders4.4node4.5资源模块4.6devtool4.7修改script启动命令总结背
娃哈哈_·2023-03-12 04:28

2021-05-29

记一次实战经历vue-cli2预备知识1.Git命令：gitadd.放到缓冲区gitcommit-m把缓冲区代码提交到本地仓库中gitpush推到远程仓库gitcheckoutbranchName切换到某分支
Chin是我啊·2023-02-17 14:34

vue-cli3 + vant + postcss-px2rem-exclude 实现移动端页面

vue-cli3安装如果以前安装了vue-cli2，先把它全局卸载了。（要用vue-cli3，如果以前安装了vue-clix都需要卸载再安装vue-cli3
不要面包要蛋糕·2023-02-17 00:00

vue-cli2 构建项目【入坑指南】

构建项目安装vuenpminstallvue全局安装vue的脚手架clinpminstall-gvue/cliwebpack初始化项目（可不安装严格模式）vueinitwebpackmy-Project安装与启动npminstallnpmrundev配置package.json"scripts":{"dev":"webpack-dev-server--inline--progress--confi
oo高学吟·2023-02-06 21:51

Vue笔记（Vuex全局状态管理器）

Vuex全局状态管理器，可以在项目的任何一个组件中去获取和修改，修改可以得到全局响应的变量vue-cli2项目中安装vuex，使用npminstallvuex--save安装成功后，在src目录下新建一个
Sanyekui·2023-01-26 00:58

Vue完整版（四）

Vue完整版（四）十二、入门小结核心优点常用的属性组件化渲染机制SoC关注度分离原则其他说明十三、Vue生命周期十四、VueCLI脚手架1、什么是vue-cli2、主要功能特点3、环境安装4、安装vue-cli5
Roc°·2023-01-11 09:44

关于vue-cli2、vue-cli3打包部署上线缓存问题

用vue脚手架开发项目的小伙伴都知道，如果不做任何配置的话，直接打包部署项目后，有时候会发现，重新开发修改的内容并未被更新，需要强制刷新页面甚至清除缓存才可看到更新的内容。原因：未设置版本号，这是导致浏览器缓存的罪魁祸首。废话不多说，上干货。vuecli2的配置方法：1.找到build文件夹->webpack.prod.conf.js文件代码配置constversion=newDate().get
凸凸实验室·2022-12-20 20:28

如何使用electron-vue搭建electron项目

第一步、使用vue-cli2构建模板项目vueinitsimulatedgreg/electron-vuemy-project如果你当前使用的是vue-cli3或vue-cli4，那么你需要全局安装vue-cli2
啊栋哥哥·2022-12-14 16:07

vue环境配置问题记录

vuecreateproject替换命令vueinitwebpack解决方法2：安装桥接工具@vue/cli-int错误原因：因为Vue-cli3.x和vue-cli2.x使用了相同的vue命令，所以vue-cli2
kkleap·2022-12-07 12:02

Vue3学习笔记：ref函数、reactive函数等常用Composition API、生命周期，Fragment、teleport等新的组件用法记录

一、快速上手Vue3.01、使用vue-cli2、使用vite开发环境中，无需打包轻量快速热重载npminitvite-appvue3_test_vite二、常用CompositionAPI（组合式API
天海一直在·2022-11-21 01:34

vue.config.js —— vue/cli 3 脚手架的 webpack 配置文件

vue/cli3的脚手架去掉了vue-cli2的webpack.dev.config.js的webpack配置文件，如果想要在vue/cli3中配置webpack，就需要在项目的根目录下添加vue.config.js
牧羊狼的狼·2022-10-17 11:20

vue-cli2脚手架：router实现页面跳转

接下来，我们要实现在首页，可以通过链接进入a，b两个“页面”，与此同时，在还可以返回首页。创建A.vue和B.vue两个页面：修改index.js页面：修改A.vue和B.vue：我是B...返回浏览器测试：到这里就完成了简单的页面跳转。
椰卤工程师·2022-10-05 22:39

vue3.0项目实战系列文章 - 登录页面

系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现vue-cli2和vue-cli3同时并存及常见命令第三章vue3.0项目实战-ElementUI框架版第四章【
BMG-Princess·2022-09-22 07:12

vue引入高德地图

dev/key/app下方是我微信公众号的二维码，可以扫码关注以下，后期博文推送主要在公众号上面，有什么问题也可以通过公众号跟我发消息哦~2、在根目录下的index.html引入高德地图及key3、如果是vue-cli2
weixin_43503080·2022-09-13 13:07

手把手讲解Vue + Element UI实现后台管理系统（三）：常用模块引入及组件封装(axios数据请求接口封装)

一、安装并引入elementUIelementUI的引入较与vue-cli2有很大不同，可以是按需引入的方式，在项目目录下执行命令：vueaddelement选择第一个全量导，第二个是按需导入：安装完成后
longerJue·2022-09-08 12:35

vue3.0项目实战 - ElementUI框架版

系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现vue-cli2和vue-cli3同时并存及常见命令第三章vue3.0项目实战-ElementUI框架版第四章【
BMG-Princess·2022-09-02 17:51

vue3.0-axios拦截器、proxy跨域代理

目录1.vue-cli1）vue-cli2）安装vue-cli①解决WindowsPowerShell不识别vue命令的问题3）创建项目4）基于vueui创建vue项目5）基于命令行创建vue项目2.组件库
qq_52822043·2022-08-26 18:21

vue-cli2使用pinia(基本使用)

main.jsimportVuefrom'vue'importAppfrom'./App.vue'Vue.config.productionTip=falseimport{createPinia}from'pinia'//创建pinia实例constpinia=createPinia()//挂载到Vue根实例Vue.use(pinia)newVue({render:h=>h(App)}).$mou
流浪的特码头·2022-08-21 18:59

vue-cli中的chainWebpack和configureWebpack

背景我们目前做的是国外的项目，考虑到东南亚浏览器版本低，所以公司采用了vue-cli2来搭建项目。
小虎牙大萌眼睛·2022-08-21 13:19

【实用】Vue线上环境禁止打印console.log

或者忽略掉代码中的console.log再部署到线上解决办法通过配置插件，比如uglifyjs-webpack-plugin（打包慢）自己解决：重写console.log方法（不影响打包速度）由于公司项目用的是vue-cli2
·2022-07-20 11:26

【源码】Vue-cli2 源码阅读与改造

前言最近组里让我写个脚手架，用脚手架来生成模板项目。比如每个公司都会有很多后台管理系统，用于给产品、客服等内部人员使用。对于一个新的管理后台，如果每次都从头开始写，必然浪费太多时间。或者copy以前的项目进行改造又不太优雅。如果写一个像vue-cli这样的脚手架进行命令行创建那再好不过了。一开始我感觉会有点难，像vue-cli这样的项目，经历了很多次的提交，代码量不少。我之前的想象是，vue-cl
ceido·2022-07-16 16:59

前端请求头加token，发送请求，单点登录(vue)-拦截器

1.创建请求拦截器在vue的main.js中引入axios（基于vue-cli2脚手架创建的项目）请求拦截器代码2.创建响应拦截器响应拦截器代码3.测试思路：使用vue【创建请求拦截器】，给所有的请
我要用代码向我喜欢的女孩表白·2022-07-08 09:27
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他