vue41 —— cli3 配置文件查看和修改

最新推荐文章于 2024-06-17 06:00:00 发布
最新推荐文章于 2024-06-17 06:00:00 发布
阅读量770 收藏
点赞数
分类专栏： vuejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43899694/article/details/103237266
版权
本文介绍了Vue CLI3中查看和修改配置的三种方法：使用vue ui的可视化界面管理项目配置，查看node_modules下的隐藏webpack.config.js文件，以及自定义新建vue.config.js文件进行配置合并。
摘要由CSDN通过智能技术生成

查看、修改配置的三种方案：

1. vue ui 可视化界面

启动配置服务器： vue ui
在终端执行 vue ui
在这里插入图片描述
导入项目，管理项目相关配置
在这里插入图片描述
在这里插入图片描述
插件只显示packag.json 中写 的插件

可以安装新的插件，依赖，对webpack进行配置，运行项目等

2. 隐藏的配置文件

在 node_modules文件夹下的 @vue文件夹 下的 cli-server文件夹 下 有webpack.config.js文件
在这里插入图片描述

3. 新建配置文件 vue.config.js

根目录

最低0.47元/天 解锁文章
8笔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue cli3的多环境配置
hua_hourglass的博客
12-31 640
vue项目开发时，会有不同的运行环境，例如：开发环境、测试环境、生产环境，本文详细介绍一下vue3的环境配置步骤： 在根目录下建三个文件 注意：.env文件中变量命名 必须以 VUE_APP_ 开头 .env.development：开发环境文件 NODE_ENV = 'development' VUE_APP_MODE = 'development' VUE_APP_API_URL ='开发环境接口地址' .env.production：生产环境文件 NODE_ENV = 'production'
VueCLI3配置文件的查看和修改
asfcyg的博客
05-08 1272
VueCLI3设计原则为“0配置”，所以配置都被隐藏了起来，那么我们想要查看和修改配置时怎么办呢？ 三种方案查看和修改配置 一. 启动配置服务器-vue ui 在终端进入文件运行vue ui命令，进入本地服务器GUI指用户界面 这里也可以创建项目 点击导入，进入你像查看或修改项目的文件夹，点击“导入这个文件夹” 然后会出现这个页面 在这里可以查看和添加插件 可以查看和安装项目依赖 可以查看和修改...
VUE3脚手架工具cli配置搭建及创建VUE工程
最新发布
雾林小妖的博客
06-17 2249
VUE3脚手架工具cli配置搭建及创建VUE工程
vue-cli3配置文件
zhusixu的博客
12-09 345
最近两个月刚完成一个项目，用vue-cli3搭建框架，在这里说下vue-cli3的配置文件创建以及里面各项配置的含义，也帮助自己巩固下，不对的地方请各位指出。 1.vue-cli3没有配置文件，需要自己创建一个vue.config.js,下面是我的项目的配置文件： module.exports = { // build时构建文件的目录 outputDir: 'dist', ...
vue cli3之vue.config.js 文件配置
qq_45950523的博客
05-27 514
'use strict' const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } const name = 'vue project' // page title // If your port is set to 80, // use administrator privileges to execute the command line. // For example, Mac
Vue-cli3项目之Vue.config.js配置文件—取代vue-cli2中build与config
青春木鱼的博客
07-28 1817
Vue-cli3项目之Vue.config.js配置文件—取代vue-cli2中build与config
vue-cli3项目修改项目配置
Djj_Alice的博客
10-28 1004
vue-cli3期望做成0配置，使用vue-cli3构建项目，会发现之前的项目配置文件比如webpack.base.config.js等都不见了，那如果想要修改配置怎么去修改呢？vue cli3官网给出了方法。 使用vue.config.js来修改配置 使用vue.config.js是比较方便快捷地修改项目配置方式，它是可选的，如果根目录（package.json存在的目录）存在vu...
vue-cli配置文件——config篇
08-28
Vue CLI 使用 Webpack 作为默认的构建系统，允许开发者通过配置文件定制构建过程。 在 Vue CLI 项目中，`config` 文件夹包含了特定环境的配置信息。下面我们将深入探讨 `config` 文件夹的结构及其主要文件： 1. `...
vue——cli项目解析
m0_61631823的博客
01-13 212
1.项目中包含node_modules文件：这是系统配置好的文件、public文件：包含一个html页面，用于接收渲染、以及最重要的src文件：该文件中包含main.js、components、App.vue等文件 2.vue项目运行流程：在项目中，vue要做的事是通过main.js把App.vue渲染到index.html的指定区域，其中App.vue用来编写待渲染的模板结构、index.html中需要预留一个el区域、main.js把App.vue渲染到了index.html所预留的区域中 3.Vu
vue项目——利用vue-cli3构建的项目打包上线
qq_40556950的博客
11-18 2213
1.vue-cli3打包上线 在项目完成得差不多得时候，就可以开始打包部署了。通常执行命令npm run build就可以完成打包，项目中生成一个dist文件夹。这个dist文件夹里面的东西就是我们前端的所有东西了。 2.vue-cli3打包报错console.log() 查阅资料发现，项目在编译打包上生产环境的时候是不能有console.log()信息打印输出的，但是我们在开发环境有时候调试代码...
vuecli3构建项目全过程（二）配置文件
qq_50275870的博客
06-20 788
vuecli3配置文件，多跨域配置，开发、正式环境配置
Vue3：vue-cli项目创建及vue.config.js配置
米拉
01-08 2631
是JavaScript的超集（.ts文件），包含并扩展了 JavaScript 的语法。项目创建Vue 2.x、Vue 3.x 或自定义，默认版本vue3.x和vue2.x无需配置，自定义需配置。通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。自定义选择需要支持的特性 （ ↓ 不使用任何css或js扩展）vuex（vue的状态管理模式、store）CSS 预处理器（如：less、sass）代码风格检查和格式化（如：ESlint）vue-router（vue路由）
一份关于vue-cli3项目常用项配置
油墨香^-^的博客
02-23 320
配置全局cdn，包含js、css开启Gzip压缩，包含文件js、css去掉注释、去掉console.log压缩图片本地代理设置别名，vscode也能识别配置环境变量开发模式、测试模式、生产模式请求路由动态添加axios配置添加mock数据配置全局less只打包改变的文件开启分析打包日志。
vue-cli3配置查看和修改
407指导员
01-01 419
vue-cli3配置查看和修改 方式一：启动配置服务器 vue ui 导入 插件 依赖 vue-template-compiler和vue版本必须对应 实际的版本是在node_modules里vue的dist文件夹下vue.esm.js版本，发行版本 项目配置 webpack配置修改。 启动运行时编译就是之前说的compiler和only版本 任务 在ui界面启动项目，由数据分析 方式二：在node_modules里寻找之前的配置文件 配置文件都在，只是隐藏起来了 方
vue-cli3 史上最全配置
sinat_34783352的博客
11-27 248
template-pc vue-cli3 后台模板， 路由动态加载 权限分配 页面权限颗粒化到每个按钮， axios封装拦截 指令 vuex 工具函数 富文本编辑 pdf预览 BPMN流程编辑 百度搜索 购物车, webpack 配置包含js，css，img压缩，文件输出，cdn配置 全局加载进度条等等各种组件的封装， 配置比较全， 可以直接clone使用，方便快速开发。 下一步工作做 BPMN的...
vue-cli-3环境搭建和配置
magic_818的博客
12-13 963
vue-cli-3环境搭建和配置
vue目录详解以及文件说明
Lzxzxzx_的博客
03-04 1302
在工程中，并不是所有文件都需要保存到版本库中的，例如“target”目录及目录下的文件就可以忽略。在Git工作区的根目录下创建一个特殊的.gitignore文件，然后把要忽略的文件名填进去，Git就会自动忽略这些文件或目录。记录当前项目所依赖模块的版本信息，更新模块时锁定模块的大版本号（版本号的第一位）,不能锁定后面的小版本，vue-cli的配置文件 (vue-cli4默认没有这个文件，可以自己新建)入口文件，也就是打包或者说运行的时候，所运行的第一个文件。放置系统的静态文件，比如，图片，全局配置文件。
vue3 配置微博pack
07-28
7. 如果在运行项目时出现相关错误，比如缺少`vue-loader`或`vue-template-compiler`，请根据错误提示下载相应的依赖，并确保在Webpack配置文件中正确配置了相关插件。 8. 最后，启动Webpack服务器并进行热更新，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值