vue-cli4 第2页

vue-cli4升级到vue-cli5过程记录

1，前言本文主要分享vue-cli从4.x升级到5.x的过程，以及更新后vue.config.js的变化，因为vue-cli5已经使用上webpack5。2，升级vue-cli首先打开命令提示符终端，输入npmuninstall@vue/cli-g，卸载掉4.x的版本，如果是Mac系统，则是sudonpmuninstall@vue/cli-g然后输入npminstall-g@vue/cli@lat

鹏多多·2023-04-06 16:28

基于vue-cli4配置px2rem做到移动端自适配

在实际开发中，我们需要将设计稿中的px转换成rem，然后再写入到样式中。postcss-px2rem可以帮助我们自动完成转换。这样就可以方便很多。一、安装模块npminstallamfe-flexiblepostcss-px2rem-Samfe-flexible：是rem的适配插件。（例：750px==10rem）postcss-px2rem：负责将输入的px自动转为rem二、入口文件main.j

Airu·2023-04-04 01:16

Day 105/200 如何去掉浏览器控制台打印出的Vue Warn

warn提示，说明用法不够准确；改代码费劲；想开发快一点，就想去掉Eslint的配置和校验；（二）如何去掉1、发现氛围Vue2和Vue3由于页面结构不同，里面的配置文件啥的都不一样；有点蒙；2、按照当下的Vue-cli4

赵国星·2023-04-02 06:59

vue-cli脚手架基础教程

如果作类比的话，那么npm+webpack≈maven2、脚手架介绍a、安装vue-cli4删除已

欧皇夏老板·2023-03-30 11:24

vue多项目多模块打包

vue多项目多模块打包vue-cli4为例，实现多项目的分模块打包。多项目之间共享组件和依赖，运行、打包互不干扰。

百变魔旅·2023-03-28 19:57

雨夜秋白·2023-03-25 08:43

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-cli4环境搭建

vue/cli官网地址https://cli.vuejs.org/zh/guide/安装和vue-cli3.0的是一模一样的，对比了一下3.0的脚手架，除了目录发生变化一些，其他的都一样旧版本VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x)，你需要先通过npmuninstallvue-cli-g或yarnglobalremov

闭眼思回忆·2023-03-10 09:39

ESLint配置详解(二) - 常用规则(Rules)集合

而且如果用了像vue-cli4脚手架+Prettier这种现成配置，就很少需要操心ESLint这些规则的配置，只有当格式不符合自己预期的时候再去额外配规则即可。具体可以参考➡️vue-cli4ESLi

AizawaSayo·2023-02-19 08:13

公司企业站Vue-CLI4开发环境搭建详解

项目说明本项目需要再PC端和移动端分别进行展示，因为企业站功能不是很复杂，所以将PC端和移动端放在一个vue工程中进行开发和打包。（注意：如果项目功能点多且交互复杂，建议将pc端和移动端分为两个工程进行开发和打包，尤其是pc端和移动端要分别引入不同UI框架的时候。）技术概括Vue2.x、CLI4、webpack、npm（cnpm）、node环境（10+）、vue-router、axios（自行封装

FTD止水·2023-02-17 00:46

vite+vue3.0构建项目

20211108165523.png3.安装依赖+跑起来npminstallnpmrundev微信截图_20211108165757.png没错，只用了421ms就跑起来了，让我们看看同样是新创建的基于vue-cli4

来了啊小老弟·2023-02-07 00:32

vue-cli4.0关闭eslint检验

网上搜到说要去除这个..我试了不行正确的做法应该是新建一个vue.config.jsmodule.exports={lintOnSave:false}即可，亲测可用，我用的是新版的vue-cli4的版本

陈德湾·2023-02-01 19:26

vue-cli4通过cdn引入ant-design-vue并解决moment国际化问题

通过CDN引入ant-design-vuevue.config.js的配置，如果没有该文件，请在项目根目录创建//vue.config.jsconstisProd=process.env.NODE_ENV==='production'constneedCdn=isProd//cdn外部扩展，通过cdn引入，不会被webpack打包constassetsCDN={//模块名称和模块作用域命名（对应w

一通·2023-01-27 06:10

vue-cli 项目添加Axios，请求接口

进入vue-cli4创建后的项目安装axiosnpminstall-saxios创建axios实例及请求拦截src下创建一个文件夹api，在这个文件夹下创建http.js(放axios实例)，interface.js

成茂峰·2022-12-26 16:43

第3章管理端(Vue)布局面的设计实现

Icon”组件导入命令：npminstall@element-plus/icons-vue1.2“element-plus：Icon”组件配置：import{createApp}from'vue'//在vue-cli4

zhoujian_911·2022-12-25 07:46

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

第一步、使用vue-cli2构建模板项目vueinitsimulatedgreg/electron-vuemy-project如果你当前使用的是vue-cli3或vue-cli4，那么你需要全局安装vue-cli2

啊栋哥哥·2022-12-14 16:07

vue-cli4版本如何快速优化性能

注意事项：1、vue-cli4版本测试环境无法打包出带有hash值的文件名，解决方法：即便设置filenameHashing:true,也是无效的，vue-cli4版本是认准NODE_ENV='production

·2022-10-30 23:40

vue-cli4 全面配置

细致全面的vue-cli4配置信息。涵盖了使用vue-cli开发过程中大部分配置需求。目录细致全面的vue-cli4配置信息。涵盖了使用vue-cli开发过程中大部分配置需求。

勒布朗-前端·2022-10-17 11:54

vue-cli4使用axios进行跨域配置

1.安装axiosnpminstallaxios2.修改配置文件与package.json同目录，修改vue.config.js(若无，新建一个即可)，配置内容如下：module.exports={publicPath:'./',//打包时配置，部署成功后，可访问到index.htmldevServer:{open:process.platform==='darwin',//默认打开的浏览器por

hongzhenw·2022-10-10 11:00

Vue3 引入Element Plus

ElementPlus是为适配Vue3而对ElementUI进行重构后产生的前端组件库，包含丰富的基础组件下面先贴出官方文档，里面的介绍已经十分全面和详细，大家遇到的很多问题都可以在上面找到答案假设现在我们已经用vue-cli4

hsany330·2022-09-30 05:55

项目vue-cli4打包以及优化

目录一、vue项目的打包：二、项目开始前的配置：1.配置跨域2.配置alias别名三、项目完成后，打包前的配置：1.打包前必做2.去除环境中的sourceMap(效果明显)3.去除console.log的打印以及注释（有插件）4.使用CDN加速优化（效果明显）5.对资源文件进行压缩（需要与后端进行配合，效果显著，需要下载插件）6.图片压缩（图片多的，效果明显，有插件，且难下）7.只打包改变的文件（

幽夜忧伤来袭·2022-09-19 18:22

绝对好用的 vue-cli4项目打包优化（10MB变500KB）

一、项目开始时webpack配置vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件。二、配置alias别名使用vue-cli开发项目，最大特色是组件化。组件中频繁引用其他组件或插件。我们可以把一些常用的路径定义成简短的名字。方便开发中使用。//加载path模块constpath=require('path')//定义resolve方法，把相对

Panda-6·2022-09-19 18:46

Element---vue-cli@4配置element-ui按需引入

参考地址：《Vue-cli4配置element-ui按需引入》安装完element-ui后，如果完整引入，不按需加载其组件，打出的包会很大，这很影响性能。

·2022-08-10 18:48

手把手教你使用vue-cli4搭建vue前端项目

1.环境搭建使用vue-cli脚手架创建vue前端项目首先需要搭建软件环境，这里需要安装node.js、配置npm镜像cnpm、安装vue-cli。安装node.jsnode.js的官网地址：https://nodejs.org/en/，直接下载LTS版本的即可。如下图：下载之后双击安装即可。安装完成后打开命令行窗口输入：node-v可以检查node.js安装是否成功。安装成功命令行会显示node

loveycgg·2022-07-22 10:59

node.js与vue cli脚手架的下载安装配置方法记录

4、更改默认路径5、添加环境变量5、测试安装是否成功二、安装vue-cli脚手架1、检查node环境是否安装好2、更改淘宝镜像下定制的cnpm(gzip压缩支持)命令行工具代替默认的npm3、开始安装vue-cli4

·2022-06-24 16:59

@vue/cli4--使用图形化界面创建项目--方法/实例

原文网址：@vue/cli4--使用图形化界面创建项目--方法/实例_IT利刃出鞘的博客-CSDN博客简介说明本文用实例来介绍vue-cli4如何使用图形化界面来创建项目。

IT利刃出鞘·2022-06-23 07:46

Vue 设置图片不转为base64的方式

目录Vue设置图片不转为base64vue-cli3、vue-cli4版本vue-cli2版本Vue项目base64转img输入框效果展示Vue设置图片不转为base64在使用Vue.js框架开发项目时

·2022-06-14 13:35

记一次前端性能优化——vue-cli4优化首屏加载

记一次前端性能优化——vue-cli4优化首屏加载一、前言vue.js是一款时下非常流行的前端框架，很多公司，例如阿里、腾讯、字节等都在积极应用vue作为前端开发框架。

W先生-SirW·2022-05-21 19:41

一次vue-cli4大项目升级到vite的经历

背景使用vue-cli4的项目，业务写多了之后开发运行和打包都慢了很多，为了提升开发体验以及更新团队技术框架，需要升级到更高级的脚手架上，两种方案：一是升级到vue-cli5，二是升级到最新的vite。

·2022-05-13 14:42

vue-cli4 (Vue 2.x) 项目打包优化方案

随着vuecli升级到4(内置webpack4)，我们需要手动做的优化就越来越少了。通过vue-cli4.x，也就是@vue/cli成功构建一个项目的时候，它不仅自动安装好了必要的库和插件，而且做完了针对大部分应用的webpack优化配置。我们可以用inspect命令审查解析好的配置文件(用了什么loaders和plugins会比较直观)，也可以看@vue/cli-service这个包，即/nod

AizawaSayo·2022-04-03 09:36

Vue实战笔记(二) 引入Element Plus

ElementPlus是为适配Vue3而对ElementUI进行重构后产生的前端组件库，包含丰富的基础组件下面先贴出官方文档，里面的介绍已经十分全面和详细，大家遇到的很多问题都可以在上面找到答案假设现在我们已经用vue-cli4

半虹·2022-03-24 00:40

vue-cli4打包最强优化（10M变300kb）

项目开始时webpack配置vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件。一、配置proxy跨域使用vue-cli发开项目，在本地开发环境中，如果遇到跨域的问题。可以通过配置proxy的方式，解决跨域问题：module.exports={devServer:{open:false,//自动启动浏览器host:'0.0.0.0',//lo

star@星空·2022-02-23 14:50

Vue-cli4——vue-router路由

Vue-cli4——vue-router路由（一）Day1文章目录Vue-cli4——vue-router路由（一）前言一、代码解析1.1src/router/index.js1.2src/App.vue

zyugat·2022-02-23 14:18

vue-cli4创建环境变量

参考地址：https://www.cnblogs.com/sese/p/11905402.htmlmain.js使用使用到移动端插件和mock打开使用第一步：创建文件env第二步编写第三步：packjson文件npmrunmock/npmruntest.

爱看小说的叶子·2022-02-15 22:23

Vue工程中如何使用css-module

正文还是以实际的例子说话，下面是以vue-cli4初始化的脚

迦叶凡·2022-02-15 09:01

vue中使用Echarts map图实现下钻至县级的思路详解

好在最终还是实现了，先上动图：基本思路都是一致的，获取鼠标点击的参数跳转至指定的JSON需要注意的是，因为我是直接从vue-cli2直接跳到vue-cli4，还奇怪怎么读取不到JSON，查找后才知道vue-cli3

·2022-02-14 13:11

v-cli 环境搭建~系列(1)

无特殊要求可本地傻瓜式安装，这里选择2017-5-2发布的v6.10.3，也可选择阿里云镜像https://npm.taobao.org/mirrors/node/，2019/3/23更新：建议选择v10版本以上,官方最新Vue-Cli4

头脑之外·2022-02-02 22:20

vuecli4 使用docxtemplater导出word（超详细）

项目需求：前端层面实现导出word功能项目准备：vue脚手架项目(vue-cli4)插件：docxtemplaterpizzipjszipjszip-utilsfile-saver1.安装依赖：npminstalldocxtemplaterpizzip

·2022-01-18 12:58

从零搭建一个前端cli脚手架并发布到npm

比如本人有以下两套开发模板基于vue-cli4和vant搭建的移动端开发模板vue-cli4-vant基于vue-c

·2021-09-23 18:43

vue-cli4 目录结构介绍

一、使用vue-cli4脚手架初始化项目后，目录结构如下:├──README.md├──babel.config.js├──node_modules├──package.json├──public│

·2021-08-12 12:08

Vue-Cli4 配置文件路径别名

实现：别名的编码方式设置别名：编码代码建立vue.config.js，默认不存再vue-cli4。

爱看小说的叶子·2021-06-26 02:57

深入理解Vue-cli4路由配置

目录前言-vue路由一、最基本路由配置1.配置router/index.js2.配置App.vue二、路由懒加载技术三、路由嵌套四、动态路由1.动态路由配置2.动态路由传参总结前言-vue路由Vue-router是Vue官方的路由插件,与Vue.js深度集成.在使用了vue-router的单页面应用中,url的改变会引起组件的切换,从而达到页面切换的效果,所以如何让URL按照我们的意愿去改变和UR

·2021-06-24 09:01

搭建一个vue-cli4+webpack移动端框架

转载：https://juejin.im/post/5eb766296fb9a0432f0ff8c7简介这是基于vue-cli4实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法

姜yd·2021-06-20 11:21

vue3项目搭建，vue-cli4模式使用，vuex持久化储存

框架最开始使用的是vite，但是后面改用了vue-cli4，为什么改用，后续会说明，使用vue-router4，element-plus，vuex4，axios，vuex-persistedstate（

高梅飞花·2021-06-10 10:47

Vue2.6.10(Vue-cli4)项目打包性能优化实践

记录了自己的博客在禁用缓存的情况下，从八九秒加载时间到最终985ms的优化实践，开启缓存的情况下能达到138ms的访问速度，预览地址为：https://www.cooldream.fun本人的个人博客采用Vue-cli4.1.2+typescript构建项目目录结构如下├─src//主文件│├─api//接口文件夹|||-config.js//后端接口地址的配置,将测试、开发、生产环境分开||└─

辉夜真是太可爱啦·2021-05-26 16:45

vue-cli4 之 vue-loader 工作流程

先整体过一遍vue-cli4处理单文件组件(SFCs)的大致过程webpack并不认识.vue后缀的单文件组件，因此需要强大的vue-loader来处理。

AizawaSayo·2021-05-19 15:56

【前端开发】Vue-CLI4 &Vue-CLI3 与Vue-CLI2 的区别以及打包配置问题

前面一直用Vue-CLI2搭建Vue项目,后面用Vue-CLI4搭建了一个新的Vue项目，发现Vue项目有些文件build文件、config文件目录直接整没了…好家伙，那我怎么配置？？

李猫er·2021-04-25 21:51

vue-cli4 ESLint + prettier 修改插件规则实例

prettier规则配置项Options一般不太会去修改、或默认格式就挺好的部分属性就不列了，有需要可以去官网查阅APItabWidth：-默认值2，缩进级别的空格数useTabs：-默认值false，true表示用tab代替space来作为缩进的单位semi：-默认值true，表示在每个语句的末尾添加分号singleQuote：-默认值false，true则表示使用单引号而不是双引号jsxSin

AizawaSayo·2021-04-22 11:59

「Vuejs」一步步的看vue-cli4(基础1)

开始vue-cli正式梳理前面介绍了vue-cli是什么，什么是脚手架，以及npm、cnpm、yarn相关包管理工具的概念和如何去使用，接下来我们直接上实操。学习东西直接上手先体验是最重要的，切记切记~安装旧版本这里就不赘述了，我们按照新的版本也是目前公司最常用的版本进行安装首先要注意：VueCLI4.x需要Node.jsv8.9或更高版本(推荐v10以上)。你可以使用n，nvm或nvm-wind

久爱code·2021-03-08 13:36

vue-cli4安装sass

vue-cli4安装scss技术交流QQ群10934764531.安装依赖包npminstallnode-sass--save-devnpminstallsass-loader--save-dev2.vue.config.js

coderYJ·2021-02-23 16:36

推荐频道

vue-cli4