vue-cli2

vue-cli配置多页面应用

vue-cli2配置多页面应用方法1、手动配置每个页面1、方便管理在src新建pages目录然后pages下建各个页面对应的文件夹如：image.png2、在几个相关的

Janeen_JN·2024-02-11 15:55

Vue-Cli3 - 从安装 nodejs 配置环境 ~ 搭建 cli 脚手架项目全过程

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

陈亦康·2024-01-29 09:27

vue-cli2 关于开发环境、测试环境、生产环境的配置

（原文链接：vue-cli2：区分开发、测试、生产环境_阵雨的博客-CSDN博客_vue生产环境和开发环境区别）用vue-cli2构建完项目后，只有一个开发环境dev和生产环境prod，现在我们要加一个测试环境

好好学习__天天向上·2024-01-25 15:19

vue 计算文件hash值_vue项目打包文件增加hash值

vue项目打包文件增加hash值vue-cli2项目修改vue项目根目录下的build/webpack.prod.conf.js文件js文件：output:{path:config.build.assetsRoot

weixin_39933895·2024-01-24 22:33

vue 项目优化打包时间

此项目是针对vue-cli2脚手架进行优化的优化配置修改config/index.js下的文件//开发环境dev下,设置为`eval`能提高最快速度,但是缺点是不能正确显示行号,Debug会有点影响devtool

菜菜爱吃菜c·2024-01-24 12:40

vue-cli2多环境打包配置

背景：框架vue2+工具vue-cli2，项目需要打包两个角色，三个运行环境：本地，测试，生产，上线发布有的直接在根目录下，有的需要在二级目录下。

意井·2024-01-17 07:17

自己解决在Vue中动态渲染图片不显示的问题

乐于助人前言分析思路1.绝对路径2.相对路径总结本篇文章记录的是自己在Vue-Cli2中如何去解决的这个问题，心里路程比较多，所以话比较多哈哈，感谢阅读，大概耗时2分钟前言如上图所示，我的图片就是储存在了

张浔·2024-01-07 09:39

vue-cli2 less全局引入

1，引入sass-resources-loader2,build下utils.js中的export.cssLoaders添加上述2步3，测试，切记加lang

王清水·2024-01-06 23:59

解决vue-cli2项目中favicon.ico不显示

前言：使用vue-cli2搭建的项目favicon.ico小logo不显示。

ing1023·2024-01-01 19:03

Vue-cli3 区分环境打包

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

钱英俊真英俊·2023-12-20 09:37

vue vue-cli2多个项目在同一域名和端口上的nginx配置

在工作当中，有很多前端项目，但是不可能每一个项目都配一个nginx或者服务器，那么就会产生一个nginx上面配置多个前端项目。下面是我在工作中的一些问题。现在服务器上有一个nginx并且也在线上运行，现在要再加一个项目上去，按照正常的逻辑进行配置，但是怎么也上不去，同时在网上也搜了一些资料，最终还是没有解决。通过以下步骤是记录一台nginx同时跑两个项目的记录。展示以下两个项目文件目录，其中roo

wita_wang·2023-12-03 00:03

electron-vue 打包报错和功能的使用

electron-vue下载使用1：npminstall-g@vue/cli安装vue-cli2：vueinitsimulatedgreg/electron-vuemy-project创建electron-vue

默默无闻的FYH·2023-11-04 16:40

vue-cli 配置vue.config.js

**vue-cli3生成的项目比vue-cli2生成的项目目录简单很多,少了build与config文件夹，所以有的东西需要自己手动配置。

第二心跳·2023-11-03 12:01

【转载】vue-cli2配置多环境打包

原文链接：vue-cli2配置多环境打包目前vue-cli2上原配置是只有开发环境dev和线上环境prod的配置，但是我们实际场景上还有很多需要一个测试环境test,下面就是对测试环境的配置，将测试环境和线上环境的打包代码分开就不需要切来切去了

优秀的收藏转载分享·2023-11-02 20:32

Vue-Cli2 脚手架中webpack配置基础文件详解

一、引言引言：为了提升自己，研究了一下如何使用Vue-cli+webpack搭建项目框架，在网上搜了很多资料，对此有了一定的了解，于是在此记录一下，方便自己以后查看。二、创建vue-cli是构建vue单页应用的脚手架，输入vueinitwebpackdemo从而自动生成Vue.js+webpack的项目模板。在创建过程中会有如下几项配置：?Projectnamedemo//项目名称点enter?P

快乐的前端小菜鸟·2023-11-02 17:48

vue-cli2项目运行时中断解决方案记录

目录前情提要解决方案1.cmd设置【结论：不得行】2.npmcacheverify清除缓存【结论：不得行】3.删除node_modules，再重新npmi安装【结论：不得行】4.安装cross-env和increase-memory-limit【结论：不得行】5.在scipts的dev指令的值前，添加npx--max_old_space_size=4096【结论：不得行】6.修改node_modu

巴拉拉L·2023-10-28 06:00

nginx部署vue项目(访问路径加前缀)

nginx部署vue项目(访问路径加前缀)nginx部署vue项目，访问路径加前缀分为两部分：（1）修改vue项目；（2）修改nginx配置；vue项目修改需注意，我这是vue-cli3配置，vue-cli2

黎明晓月·2023-10-19 18:16

2019-12-15

别来无恙1994·2023-10-18 05:07

创建vue3.0项目教程

次提交628次PR，在2020年9月19日Vue3更新了正式版本，正式版本一出，代表着不会再有太大的改动了，也意味着你可以开始学习了，这篇文章主要介绍下vue-cli3.0项目搭建，分享给大家1.卸载旧的vue-cli2

陈序员01·2023-10-17 02:16

vue-cli3与vue3

vue-cli2创建的项目目录如下：vue-cli创建项目vue-cli创建项目命令：1.vue-V：

是迪迪呀.·2023-10-09 03:16

vue+electron开发踩坑记录

补充：vue-cli2和vue-cli3/4的一些区别参考资料背景最近由于项目上的要求，需要开发一个基于数据展示页面。

feiniao8651·2023-10-08 03:57

Vue-cli 项目将打包dist文件丢到服务器上访问出现空白

4.0.4image.png使用下面的命令将npmrunbuild将打包生成的dist文件夹,放在服务器中,浏览器访问,发现访问成功,但是页面是空白的,可尝试以下解决方法出现这种情况要分两个处理方式（vue-cli2

THERAIN_·2023-10-06 12:46

TypeScript + vue3.0项目实战中遇到的问题及解决方案

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

BMG-Princess·2023-09-30 18:06

使用vue-cli2创建项目

1.安装脚手架cnpminstallvue-cli-g//全局安装vue-cli2.新建项目vueinitwebpack”项目名称“3.运行项目npmrundev4.封装axiosimportaxiosfrom'axios'importqsfrom'qs'axios.defaults.timeout=90000;//响应时间axios.defaults.headers.post['Content-

IF_123·2023-09-29 03:00

vue-cli2；vue配置开发,测试,生产环境api(打包方式)

vue配置开发，测试，生产环境api（打包方式）想实现通过不同的命令，打包调用不同环境的API，实现实现前端自动化部署。前端自动化部署工程比较复杂，这里只介绍通过不同的命令，打包的时候调用不同环境的API，例如：npmrunbuild调用开发环境接口，打包开发环境npmrunbuild:test调用测试环境接口，打包测试环境npmrunbuild:prod调用生产环境接口，打包生产环境vue项目用

有蝉·2023-09-26 02:40

vue.config.js 实用配置（生成zip文件，生产环境删除console.log，gzp配置，qiankun微前端配置等

还在用vue-cli2的童鞋，该换新了，比较vue3都出来了，当然了，老项目可能没办法（我说的是没办法去升级成vue-cli3，可能因为时间成本,想要这些配置，也是可以的，只是写法和这里有区别罢

东扯葫芦西扯瓜·2023-09-23 19:54

如何使用vue-cli搭建SPA项目

目录目标：一，什么是vue-cli二，通过vue-cli脚手架构建SPA项目1，安装vue-cli2，使用脚手架vue-cli(2.X版)来构建项目步骤一.使用脚手架创建项目骨架步骤二：运行完上面的命令后

小宝的宝呢·2023-09-21 21:23

vue开发之vue-cli2与vue-cli3的对比

项目目录结构项目目录结构可以明显的看出来，vue-cli2.0与3.0在目录结构方面有明显的不同： 1.vue-cli3移除了配置文件目录：config和build文件夹，增加了vue.config.js文件 2.vue-cli3移除了static静态文件夹 3.vue-cli3新增了public文件夹 4.vue-cli3将index.html移动到public中配置项配置文件目录vue-cl

夏一抹阳光_c717·2023-09-18 13:03

vue+ts+rxjs+element-ui框架搭建（基于vue-cli3.x）

1：安装vue-cli3.0npminstall-g@vue/cli//-g：全局安装vue-cli或者yarnglobaladd@vue/cli//global全局安装vue-cli2：创建项目a:创建

风不会停7·2023-09-14 02:59

vue-cli2项目webpack3 和webpack4环境中：Element-UI在vue项目中，打包build后字体、图标丢失（亲测可解决）

vue-cli2项目webpack3和webpack4环境中：webpack3和webpack4中：Element-UI在vue项目中，打包build后字体、图标丢失应用场景：F12报错提示：问题原因：

小湾生产队队长·2023-09-12 06:56

vue 项目代码混淆配置（自定义插件适用）带配置项注释

带配置项注释一、概要二、混淆步骤1.引入混淆插件2.添加混淆配置3.执行代码混淆vue项目代码混淆配置（自定义插件适用）带配置项注释一、概要本文章适用vue-cli3/webpack4搭建的vue项目，vue-cli2

棒棒的唐·2023-09-09 08:37

vue-cli2、vue-cli3脚手架详细讲解

前言：vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面（SPA）环境配置的工具，cli就是(command-line-interface)命令行界面。vue-cli是基于node环境利用webpack对文件进行编译、打包、压缩、es6转es5等一系列操作。目前vue-cli已经升级到了3.0版本，3.0所需的webpack版本是4.xxx，2.0版本目前也很流行,2.0所需的

汪源涛·2023-09-07 23:19

关于vue项目兼容ie浏览器的笔记

说说环境：我用的是vue-cli2，babel版本为7.7.2，vue-echarts版本为4.0.4。1、直接在ie中访问项目页面，一片空白，控制台各种报错。

汝若念卿·2023-09-04 03:10

vue-cli2、vue-cli3配置babel 兼容低版本

配置babelBabel是一个工具链，主要用于将ECMAScript2015+版本的代码转换为向后兼容的JavaScript语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是Babel能为你做的事情：语法转换通过Polyfill方式在目标环境中添加缺失的特性(通过@babel/polyfill模块)源码转换(codemods)众所周知，解决兼容性问题的关键就是，低版本浏览器不兼容E

Candy529629·2023-09-02 18:35

vue项目上传Github预览

注意事项：以下配置基于vue-cli2，因为vue-cli3之后，由于好多文件已经内置，因此需要查阅官网和网上资料再进行操作！一、修改配置解决文件路径问题：打开项目根目录config文件夹下的in

飞天小猪_pig·2023-08-30 15:55

vue-cli2中使用px2rem适配

1.下载并引入lib-flexiblecnpminstall--savelib-flexibleoryarnaddlib-flexible--save//main.jsimport'lib-flexible/flexible'2.安装px2rem-loadercnpminstall--savepx2rem-loaderoryarnaddpx2rem-loader--save3.将px2rem-lo

高泽斌·2023-08-30 01:19

vue-cli2 碎碎念念

vuecreate和vueinitwebpack的区别：https://blog.csdn.net/qq_45955152/article/details/123506724https://blog.csdn.net/qq_22182989/article/details/103611934区别1：区别2：实践：

摇摇奶昔x·2023-08-29 03:26

搭建一个Vue项目的详细步骤

一、安装node环境二、搭建vue项目环境1、全局安装vue-cli2、检查是否安装成功3、创建一个基于webpack模板的新项目4、安装依赖5、启动项目三、vue项目目录介绍四、开始我们的第一个vue

woshidaniu·2023-08-23 00:26

使用 Vue 脚手架，为什么要学 webpack？

它们是Vue-cli2和Vue-cli3创建项目的两个命令，之所以两个命令不同，根本原因是Vue-cli2是基于webpack3，而vue-cli3是基于webpack4的。

前端人·2023-08-17 21:44

vue-cli2中引入及使用jQuery

1、安装jQuerynpminstalljquery--save2、webpack配置在build文件夹下找到webpack.base.conf.js文件，在开头第一行使用以下代码引入webpack，因为该文件默认没有引用。constwebpack=require('webpack')在module.exports中添加一段代码plugins:[newwebpack.ProvidePlugin({

Paul_Chan_·2023-08-16 11:50

解决webpack引入moment包过大的问题

\/locale$/,/moment$/)Vue-cli2在webpack.prod.conf.js的plugins中增加上述语句，Vue

再见那卑微的再见·2023-08-12 00:28

如何打包一个Vue组件库

前言大多数的教程写都是使用最直接的方式，即使用webpack的lib模式进行打包，一些教程的区别可能在于使用Vue-cli2/vue-cli3的形式而已，这里罗列一下简单的组件库模板是怎么生成的，本教程以

单调先生·2023-08-05 11:11

基于vue-cli3的vue项目搭建

目前vue-cli的家族成员有：vue-cli2和vue-cli3，对于vue-cli2如何构建vue项目应该是都聊熟于心，本文简单介绍一下使用vue-cli3构vue项目。

俺是老王·2023-08-04 06:20

vue-cli 3 中添加Ant Design组件

1、npm安装vue-cli3：npminstall-g@vue/cli（如果原先安装了vue-cli2需要先卸载：npmuninstall-gvue-cli）新建项目：vuecreateocr-frontend

SeanQikYibo·2023-08-03 02:59

2020-09-25 记vue-cli2的老项目添加jest踩坑

lib/index.js):Error:Plugin/Presetfilesarenotallowedtoexportobjects,onlyfunctions.原因jest24支持babel6，但是vue-cli2

拉之旅与飞鸟·2023-08-01 23:24

vue-cli2自定义打包环境：使用cross-env定义环境变量

cross-env是跨平台设置和使用环境变量的脚本。使用cross-env可以设置在不同的平台上有相同的NODE_ENV参数。话不多说，直接开始1、安装cross-envnpminstall--save-devcross-env2、自定义打包命令//package.json"scripts":{"build:dev":"cross-envNODE_ENV=productionenv_config=

小螃蟹531·2023-07-18 12:33

同时安装vue-cli2和vue-cli3

同时安装vue-cli2和vue-cli3发布时间环境安装后的效果安装vue-cli2安装vue-cli3vue-cli3和vue-cli2的区别vue-cli2目录结构vue-cli3目录结构发布时间

qq_26264237·2023-06-20 15:43

vue-cli3的安装和项目创建

一vue-cli3的安装（注意：vue-cli3在安装之前，需要先删除旧版本，即vue-cli2）cnpmi-g@vue/clivue-cli3的卸载：cnpmuninstall-g@vue/cli然后用命令

wuhuajun_123456·2023-06-19 07:25

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

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

码农2·2023-06-17 18:46

vue项目打包文件增加hash值