VueCLI3配置文件的查看和修改

最新推荐文章于 2024-07-25 00:41:44 发布
最新推荐文章于 2024-07-25 00:41:44 发布
阅读量1.2k 收藏
点赞数
文章标签： vue vue.js webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asfcyg/article/details/105992163
版权

VueCLI3设计原则为“0配置”，所以配置都被隐藏了起来，那么我们想要查看和修改配置时怎么办呢？
三种方案查看和修改配置

一. 启动配置服务器-vue ui

  1. 在终端进入文件运行vue ui命令，进入本地服务器在这里插入图片描述GUI指用户界面在这里插入图片描述
  2. 这里也可以创建项目在这里插入图片描述
  3. 点击导入，进入你像查看或修改项目的文件夹，点击“导入这个文件夹”
    在这里插入图片描述然后会出现这个页面在这里插入图片描述
  4. 在这里可以查看和添加插件在这里插入图片描述
  5. 可以查看和安装项目依赖在这里插入图片描述
  6. 可以查看和修改项目配置在这里插入图片描述
  7. 也可以在这里运行编译文件，检查webpack配置在这里插入图片描述

二. 在node_modules文件中查看

在node_modules文件中找到@vue文件，这里面可以查看各种配置在这里插入图片描述

三. 自定义配置

  1. 在当前项目下创建vue.config.js文件在这里插入图片描述
  2. 将想要添加的配置写到这里面，它会将你添加的配置和原来的配置进行一个合并在这里插入图片描述
2401w
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue41 —— cli3 配置文件查看和修改
weixin_43899694的博客
11-25 770
查看、修改配置的三种方案： 1. vue ui 可视化界面 启动配置服务器： vue ui 在终端执行 vue ui 导入项目，管理项目相关配置 插件只显示packag.json 中写 的插件 可以安装新的插件，依赖，对webpack进行配置，运行项目等 2. 隐藏的配置文件 在 node_modules文件夹下的 @vue文件夹 下的 cli-server文件夹 下 有webpack.co...
详解Vue CLI3配置解析之css.extract
12-11
在文件 `@vue/cli-service/lib/config/css.js` 中，Vue CLI3 首先检查 `vue.config.js` 中的 `css.extract` 配置。如果 `css.extract` 不为 `false` 并且不处于阴影模式（`shadowMode`），那么就会使用 `mini-css-...
0.Springboot概述
七叶魔渡的博客
09-16 145
官网：https://spring.io/projects/spring-boot 1. Springboot是什么 一个敏捷易用、功能强大、应用广泛的java开发框架 2. 为什么要有Springboot 需求：开发中我们希望能够简单快速的构建我们的项目，我们希望能更多的关注于我们的业务，而不是繁琐的配置等 演变：Spring->Springboot->Springcloud等 实际： Springboot来源于Spring，所以它继承了Spring的两大核心功能（IOC/AOP）,然后它通
Vue CLI3 快速启动指南（一）
最新发布
龙哥盟
07-25 692
Vue 最初是由一个人 Evan You 发起的项目。令人惊讶的是，它已经发展到今天这个地步：成为最受欢迎的前端框架之一，与由公司支持的 React 和 Angular 竞争。当然，这些并不是唯一的前端框架，但 Vue、React 和 Angular 这三者似乎是最受欢迎的，互联网上充斥着这些框架的比较和使用经验。比如，很常见的是看到一篇比较 Vue 和 React 的文章，或者一篇关于 Vue 比 Angular 更好的博客文章。
vue-cli配置文件的查看和修改
<WRM>的博客
07-17 815
针对vue-cli>=3的版本，介绍两种修改方式： 1.vue ui 在终端执行： vue ui 会打开页面 可以导入要管理的项目，会打开页面如下 2.在根目录下新建vue.config.js文件，添加要修改的配置
vue更改一些配置项(入门篇)
zj2468581628的博客
07-19 565
创建一个项目 下面创建一个名为vueDemo的项目 创建项目的命令：vue init webpack ‘项目名称’ vue build是选择的打包的方式 Install vue-router用来安装路由 打开项目与更改启动命令 用vs code打开项目，使用ctrl+~打开控制台，输入npm run dev启动项目 可能很多人会问，为什么网上的启动项目的命令很多都不一样？其实启动命令是可以更改的 我们可以通过更改package.json进行修改 如上图，内容替换为： “server”: “webpac
Vue（八）Vuex在项目中的配置和使用
io_123io_123的博客
03-24 1863
Vue（八）Vuex在项目中的配置和使用
Vue-cli配置打包文件本地使用的教程图解
10-18
从给定的文件内容中，我们可以抽取出关于Vue-cli配置打包文件本地使用的具体步骤和相关知识点。 知识点1：Vue-cli的基本介绍 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-cli3环境配置和模拟json数据的实例
10-17
随着技术的发展，Vue的版本也在不断更新，其中Vue CLI 3作为Vue项目脚手架工具的最新版本，相比之前的版本，在环境配置上做了很多优化和简化。本文将详细介绍使用Vue CLI 3进行环境配置以及如何在开发中模拟JSON数据...
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
10-18
Vue CLI3是Vue.js官方提供的一个基于Node.js的完整桌面开发环境，它的配置文件位于项目的根目录下，文件名为vue.config.js。本文主要介绍如何使用Vue CLI3中的filenameHashing配置项以及它的工作原理和源码设计。 ...
详解vue 模拟后台数据（加载本地json文件）调试
10-19
本篇文章主要介绍了详解vue 模拟后台数据（加载本地json文件）调试，具有一定的参考价值，有兴趣的可以了解一下
vue3全配置
09-26
vue3.0的最全配置，一个vue.config.js的文件（在根目录），已经把最全的配置放入内，可根据自己个人喜好配置进行小修改
使用vue ui 创建VUE项目
weixin_44100694的博客
10-07 200
使用vue ui 创建VUE项目 1. cmd打开命令行窗口。 2. 输入vue ui，浏览器会自动打开Vue 项目管理器。 3. 点击创建——创建新项目——输入项目名称——下一步——进入项目预设 4. 选择手动配置项目——功能选择我选了4个（Babel，Router，CSS Pre-processors，使用配置文件）——下一步。 5. version选择了2.x，CSS选择了less，提示是否保存预设，点击创建项目，此时后台会自动运行命令行创建项目，等待项目创建成功。 6. 插件与依赖安装： 插件
【 Vue全家桶 · Vue CLI（三）】使用可视化的Vue项目管理器（Vue UI）来创建、开发和管理你的项目
JZevin的博客
10-14 3349
vue ui
【Vue】cli安装，创建脚手架项目，vue项目目录介绍，路由配置
qq_60969145的博客
10-12 1334
node_modules 目录这个文件夹里面全部都是node的一些基础的依赖包，当我们拓展的安装一些别的插件时 也会装在这个文件夹里。src 目录这个文件夹 是整个项目的主文件夹 ， 我们的代码大部分都在这里完成。assets 文件夹里面主要放置一些资源文件。比如js 、css 之类的文件。components 文件夹可以说是vue 的 灵魂了 ， 组件文件全部都可以放到这里面。组件！一个vue项目就是由一个个的组件拼装起来的。router 目录。
新建VUE项目配置
hhh590_hh的博客
08-29 223
第一步：打开cmd，输入vue ui，进入ui界面 点击创建，选择项目存放目录，点击在此创建新项目即可 第二步：配置新项目 点击下一步 选择手动，点下一步（若此前保存过配置模板，选择模板点创建项目就可以） 选择以上几项，新手不建议选中Linter/Formatter。 选择VUE版本（我是3.x）版本，点击创建项目即可。这里要进行较长时间的等待。 第三步：安装Element插件 点击添加插件，搜索element 此处检查一下自己的vue-cli版本，vue-cli4安装第二个（element-
vue-cli配置文件之 config配置文件详情
做一个有知识的流氓
06-12 7501
好，让我们接着回到代码中来，引入webpack-merge后这个文件又引入了prod.env.js，接着就将prod.env.js的配置和新的配置，即指明开发环境（development）进行了merge。同上,影藏掉的没有用,在这个文件里面的内容很简单,仅仅是导出了一个对象,这个对象指的是"development"(开发环境)我影藏掉的没有用,在这个文件里面的内容很简单,仅仅是导出了一个对象,这个对象指的是"production"(生产环境)首先看一下config文件夹下面的prod.env.js文件。
vue-cli3 修改配置三种方式(vue ui /vue.config.js/隐藏起来的配置)
weixin_42448623的博客
08-24 1014
文章目录启动配置服务器:vue uivue.config.js 名称固定隐藏起来的配置 启动配置服务器:vue ui vue ui vue ui vue.config.js 名称固定 在单前目录下 创建一个 vue.config.js文件 写的配置会和默认配置合并 作为webpack配置 module.exports = { // 具体配置 } 代理配置示例 隐藏起来的配置 node_nodules/@vue/cli-serve/webpack.config.js ...
vuecli 配置eslint
01-02
VueCLI 是一个用于快速构建 Vue.js 应用程序的脚手架...总之，通过 VueCLI 配置 eslint，可以通过命令行工具或直接修改配置文件的方式来满足项目的 eslint 配置需求，让我们更方便地使用 eslint 来保证代码质量和规范。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值