vue-cli3+与vue-cli2的区别和vue-cli 修改配置

青旅半醒 2021-07-26 18:15 469阅读 0赞

*  vue-cli3是基于webpack4打造，vue-cli2是基于webpack3
 *  vue-cli3的设计原则是“0配置”，移除（隐藏）配置文件build和config等目录
 *  vue-cli3提供了vue ui 命令，提供了可视化配置
 *  vue-cli3移除了static文件夹，新增了public文件夹，并且将index.html移动到public中

使用vue-cli3初始化项目 vue create 文件名，生成的目录

![img][]

![img][img 1]

修改配置，因为vue-cli3把配置文件都给隐藏了，隐藏到哪里了?我们如何修改配置？

方法一：在隐藏的文件夹直接修改

![img][img 2]

![img][img 3]

方法二：我们创建一个文件夹，固定命名叫vue.config.js

![img][img 4]

方法三：命令行 vue ui 开启一个本地服务，打开一个用户图形界面

![img][img 5]

转载自：  [https://www.cnblogs.com/jiaobaba/p/13047464.html][https_www.cnblogs.com_jiaobaba_p_13047464.html]

[img]: https://img-blog.csdnimg.cn/img_convert/2423689dbf354809a27f498c2e6e63fe.png
[img 1]: https://img-blog.csdnimg.cn/img_convert/f22e303ac2aeebf753b5bb03ded5dd82.png
[img 2]: https://img-blog.csdnimg.cn/img_convert/70f1452690c77e7927f1b8aa276d1599.png
[img 3]: https://img-blog.csdnimg.cn/img_convert/b6ee73967b9d1c7e48aa07fc63681576.png
[img 4]: https://img-blog.csdnimg.cn/img_convert/7902f95653e27a922aa712b5bb9dd0e5.png
[img 5]: https://img-blog.csdnimg.cn/img_convert/3494d66e5ee5e23b1d5c52905e930aa9.png
[https_www.cnblogs.com_jiaobaba_p_13047464.html]: https://www.cnblogs.com/jiaobaba/p/13047464.html

发表评论取消回复

表情：

评论列表（有 0 条评论，469人围观）

还没有评论，来说两句吧...

相关阅读

相关 vueCli pwa模式增加

vue-cli2X或者vue-cli3X 文档见[官网][Link 1] 我们不用配置就可以跑起来，但是配置里面有些地方需要注意的而且不能乱改，自行看文档。配置常用的是

港控/mmm°/ 2023年07月18日 14:16/ 0 赞/ 188 阅读

相关 vuecli3.0 配置vue-router

安装直接在命令行打开项目目录然后输入以下代码进行安装 npm install vue-router 配置路由 1.使用`router-view`标签设

布满荆棘的人生/ 2023年06月15日 09:49/ 0 赞/ 185 阅读

相关 vuecli脚手架目录介绍

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

小鱼儿/ 2023年01月23日 09:59/ 0 赞/ 43 阅读

相关 vuecli3 多页面配置

vuecli3 多页面配置项目结构 1. login文件配置（有配置路由） login文件目录 lo

落日映苍穹つ/ 2023年01月19日 03:24/ 0 赞/ 453 阅读

相关 vuecli脚手架配置文件说明

vuecli脚手架座右铭：越努力越幸运，越运动越健康。热爱计算机技术，热爱运动的这样一个人 -------------------- 文章目录 vuec

快来打我*/ 2022年12月23日 11:29/ 0 赞/ 284 阅读

相关快速部署vuecli3 vuecli搭建 vuecli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

本是古典何须时尚/ 2022年12月22日 11:07/ 0 赞/ 353 阅读

相关 vuecli4中配置服务器

元气满满，直接干！在使用vuecli4开发项目时，如果需要自己开发服务器测试项目，单独编写一个服务器，非常难受！这时，我们可以在vuecli4中直接进行服务器开发。过

女爷i/ 2022年09月02日 00:44/ 0 赞/ 316 阅读

相关使用vuecli3配置vux2热更新的问题

首先贴一下解决的代码 ![70][] 需要注意的是，我之前baseUrl都配错了，刷新的报错 “<”的错误，其实就是路径的问题，刷新后找不到文件上次用vuecli

绝地灬酷狼/ 2022年05月14日 06:26/ 0 赞/ 355 阅读

相关 Vuecli3+express实现跨域

目录一，本地跨域二，线上跨域 -------------------- 一，本地跨域首先，本地服务器地址开放的是3000端口，云服务器上开发的是4

阳光穿透心脏的1/2处/ 2021年07月25日 17:22/ 0 赞/ 707 阅读

相关 VueCli3中加载Cesium.js

更多Cesium示例代码：[https://sandcastle.cesium.com/][https_sandcastle.cesium.com] 首先下载Cesium.

缺乏、安全感/ 2021年07月25日 11:54/ 0 赞/ 1497 阅读