vue-cli配置文件的查看和修改

最新推荐文章于 2024-05-18 18:13:45 发布
最新推荐文章于 2024-05-18 18:13:45 发布
阅读量826 收藏
点赞数
分类专栏： vue.js 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QFREX/article/details/107410967
版权

针对vue-cli>=3的版本，介绍两种修改方式：

1.vue ui
在终端执行：

vue ui

会打开页面
在这里插入图片描述
可以导入要管理的项目，会打开页面如下
在这里插入图片描述
2.在根目录下新建vue.config.js文件，添加要修改的配置

<WRM>
关注
专栏目录
vue-cli3配置查看和修改
407指导员
01-01 422
vue-cli3配置查看和修改 方式一：启动配置服务器 vue ui 导入 插件 依赖 vue-template-compiler和vue版本必须对应 实际的版本是在node_modules里vue的dist文件夹下vue.esm.js版本，发行版本 项目配置 webpack配置修改。 启动运行时编译就是之前说的compiler和only版本 任务 在ui界面启动项目，由数据分析 方式二：在node_modules里寻找之前的配置文件 配置文件都在，只是隐藏起来了 方
VueCLI3配置文件的查看和修改
asfcyg的博客
05-08 1279
VueCLI3设计原则为“0配置”，所以配置都被隐藏了起来，那么我们想要查看和修改配置时怎么办呢？ 三种方案查看和修改配置 一. 启动配置服务器-vue ui 在终端进入文件运行vue ui命令，进入本地服务器GUI指用户界面 这里也可以创建项目 点击导入，进入你像查看或修改项目的文件夹，点击“导入这个文件夹” 然后会出现这个页面 在这里可以查看和添加插件 可以查看和安装项目依赖 可以查看和修改...
前端性能优化《一》：vue-cli3中使用external进行cdn配置
sixam的博客
05-11 9324
不过使用externals属性要注意的是，虽然可以优化首屏加载速度，但是由于静态资源分离，也会增加http请求数量。所以如果是小项目，最好就不要用externals属性，因为小项目打包的出来的vender.js体积不大，建议项目体量较大的项目再用比较合适。
查看vue-cli版本的两个命令
见证自己学习,成长的记录
12-06 8997
有的时候想要查看自己的vue-cli的版本，但是不知道怎么查看，这个时候就可以使用这两个命令了注意：这两个命令都是在装了全局的vue-cli的基础上，并且通过cmd窗口操作的打开命令窗口输入： 注意：是大写的V打开命令窗口输入： 这两个命令都是可以的
Vue安装及环境配置教程(超详细图文教程)
最新发布
java骨灰级码农，10年IT从业经验
05-18 6238
将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。到这里，Vue安装及环境配置就已经全部完成，如有不会，欢迎骚扰！先把路径改到刚刚创建的项目，然后再运行，语句如下。输出了版本号就说明Node.js已经安装成功。变量值：你的安装目录\node_modules。可以选择创建Vue2版本或者Vue3版本的项目。（注意中间有个空格）验证是否安装成功。创建vue项目，选择项目想要放的位置。系统变量中新增一个变量，如下👇。一直Next即可完成安装。打开cmd窗口，执行如下命令。安装webpack模板。
详解基于vue-cli配置移动端自适应
08-28
本文主要介绍了基于vue-cli配置移动端自适应的方法，主要涉及到三个方面：lib-flexible库的安装和使用、px到rem的转换、vue-cli配置的修改。 首先，在项目中安装lib-flexible库，使用命令`npm i lib-flexible --...
Vue-cli配置打包文件本地使用的教程图解
10-18
从给定的文件内容中，我们可以抽取出关于Vue-cli配置打包文件本地使用的具体步骤和相关知识点。 知识点1：Vue-cli的基本介绍 Vue-cli是一个基于Vue.js进行快速开发的完整系统，它提供了一个官方的脚手架工具来帮助...
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
类星体框架：vue-cli-plugin-quasar :rocket: 在2分钟内开始使用Quasar Framework构建Vue应用！ :warning_selector: ... 您的Vue配置（在package.json或vue.config.js文件中，具体取决于您在创建vue应用时选择的内
vue-cli项目修改文件热重载失效的解决方法
10-17
Vue-cli作为Vue.js官方提供的一个完整开发脚手架，极大地提高了开发效率，尤其是在文件热重载功能上，它能够帮助开发者在不刷新页面的情况下，实时查看代码修改后的效果，极大提升了开发体验。 然而，开发者在使用...
vue-cli3中配置alias和打包加hash值操作
10-14
在 Vue CLI 3 的示例中，对于图片、音频、视频和字体文件的配置，我们使用了 `hash` 来确保当这些静态资源改变时，它们的 URL 也会随之更新： ```javascript { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: '...
Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了_vue配置(2)
2401_84254474的博客
04-13 944
有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Golang知识点，真正体系化！**
Vue 安装与配置
wuliyouMaozhi的博客
07-06 6684
Vue 安装与配置
三、【VUE-CLI】修改默认配置
天行健，君子以自强不息
08-03 933
修改默认配置
Vue-Cli 配置项
海胆的博客
05-05 1852
@vue/cli @vue/cli-service @vue/cli-plugin-xx vue-cli-plugin-xx
vue-cli3项目修改项目配置
Djj_Alice的博客
10-28 1015
vue-cli3期望做成0配置，使用vue-cli3构建项目，会发现之前的项目配置文件比如webpack.base.config.js等都不见了，那如果想要修改配置怎么去修改呢？vue cli3官网给出了方法。 使用vue.config.js来修改配置 使用vue.config.js是比较方便快捷地修改项目配置方式，它是可选的，如果根目录（package.json存在的目录）存在vu...
vue-cli3.0配置详解 内附demo源代码 以及处理npm ERR导致无法安装任何包的解决办法
热门推荐
听闻青春丶
07-06 1万+
这次给大家带来vue-cli3.0配置详解，使用vue-cli3.0配置的注意事项有哪些，下面就是实战案例，一起来看一下。 原网址 点个关注呗！！！！ 新建项目 1 2 3 4 5 6 7 8 # 安装 npm install -g @vue/cli # 新建项目 vue crea...
vue41 —— cli3 配置文件查看和修改
weixin_43899694的博客
11-25 774
查看、修改配置的三种方案： 1. vue ui 可视化界面 启动配置服务器： vue ui 在终端执行 vue ui 导入项目，管理项目相关配置 插件只显示packag.json 中写 的插件 可以安装新的插件，依赖，对webpack进行配置，运行项目等 2. 隐藏的配置文件 在 node_modules文件夹下的 @vue文件夹 下的 cli-server文件夹 下 有webpack.co...
vue cli3.0 修改配置文件
weixin_34235457的博客
03-06 3694
问题：资源找不到 新版的vue-cli构建出来的项目目录没有build和config文件夹，需要改输入路径的地址，需要在项目的 根目录添加一个Vue.config.js。 修改资源目录 module.exports = { // 基本路径 baseUrl: './', // 生产环境是否生成 sourceMap 文件 productionSourceMap: fal...
vue-cli配置文件之 config配置文件详情
做一个有知识的流氓
06-12 7511
好，让我们接着回到代码中来，引入webpack-merge后这个文件又引入了prod.env.js，接着就将prod.env.js的配置和新的配置，即指明开发环境（development）进行了merge。同上,影藏掉的没有用,在这个文件里面的内容很简单,仅仅是导出了一个对象,这个对象指的是"development"(开发环境)我影藏掉的没有用,在这个文件里面的内容很简单,仅仅是导出了一个对象,这个对象指的是"production"(生产环境)首先看一下config文件夹下面的prod.env.js文件。
vue-cli入门：Webpack项目配置详解
本文为初学者提供了一条学习Vue和Webpack项目构建的路径，通过vue-cli脚手架，逐步解析配置文件，有助于理解和掌握Vue项目的构建流程。同时，作者倡导的是边实践边学习的方式，通过实际操作熟悉相关配置，从而更好地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值