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

最新推荐文章于 2022-12-02 11:10:39 发布

广积粮缓称王

最新推荐文章于 2022-12-02 11:10:39 发布

阅读量216

点赞数

分类专栏： vue

原文链接： https://www.cnblogs.com/jiaobaba/p/13047464.html

版权

vue 专栏收录该内容

36 篇文章 19 订阅

订阅专栏

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 文件名，生成的目录

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

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

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

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

转载自： https://www.cnblogs.com/jiaobaba/p/13047464.html

立减 ¥

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue-cli3+与vue-cli2的区别和vue-cli 修改配置

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 文件名，生成的目录修改配置，因为vue-cli3把配置文件都给隐藏了，隐藏到...
复制链接

扫一扫

专栏目录

vue-cli2和vue-cli3的区别

yiguang_820的博客

06-23

2502

两个版本的最基本的目录 vue-cli3比vue-cli2少了build、config、static目录，多了public目录配置文件的话，基本无变化

vue开发之vue-cli2与vue-cli3的对比

嘿嘿

05-17

342

项目目录结构可以明显的看出来，vue-cli2.0与3.0在目录结构方面有明显的不同： 1. vue-cli3移除了配置文件目录：config 和 build 文件夹，增加了vue.config.js文件 2. vue-cli3移除了 static 静态文件夹 3. vue-cli3新增了 public 文件夹 4. vue-cli3将index.html 移动到 public 中配置项配置文件目录 vue-cli2：config文件夹 vue-cli3：vue.config.j

参与评论您还未登录，请先登录后发表或查看评论

Vue中vue-cli2与vue-cli3的区别：

SunPeng的博客

01-17

1031

1、创建项目： 2.x： vue init webpack demo(项目名称) 3.x： vue create demo（项目名称） 2、配置： ①vue-cli3是基于webpack4打造，vue-cli2还是webpack3 ②vue-cli3的设计原则是“0配置”，移除的配置文件根目录下的，build和config等目录 ③vue-cli3提供了vue ui命令，提供了可视化配置，更加人性化 ④vue-cli3移除了static文件夹，新增了public文件夹，并且index.html移动

[vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置]

Leon_940002463的博客

01-20

206

[vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置] 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 文件名，生成的目录修改配

浅谈vue-cli 3 和 vue-cli 2的区别！！！

热门推荐

weixin_42080056的博客

08-13

10万+

Vue-cli3.0于8.11日正式发布，看了下评论，不是特别的乐观，说说我个人的意见，我是Vue的忠实粉，so.... 大概三个月前超哥就已经得知3.0的消息，试着用了下，相比之下现在的3.0和测试时的区别： modern mode。启用该模式会自动构建两个版本的 js 包，针对支持现代浏览器的原生 ES2015+ 包，和针对其他旧浏览器的包，生成的 HTML 会通过 <scrip...

vue-cli3 + vant + postcss-px2rem实现移动端页面.docx

09-06

vue-cli3 + vant + postcss-px2rem实现移动端页面

vue-cli3+ts+webpack实现多入口多出口功能

12-08

使用的是vue2.x + webpack3.x集成的多入口多出口，感兴趣的小伙伴可以看看。然而，公司领导要求项目里面集成ts进行开发，对于字段的类型有更好的控制，所以在配合多入口多出口的前提下，还要配合ts进一步做一些调整...

Vue-cli3:Vue-CLI3 + Element ui后台管理系统

03-11

演示项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行测试 npm run test 整理和修复文件 npm run lint 自定义配置请参阅。

electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar

05-06

electron-vue + vue-cli + element-ui 实时热更新版，electronv12.0.4框架，打包好的框架，拿来即用，实时热更新，提高开发3倍效率

mall-manage-system:vue-cli 3.0 + element-ui + vue-router + axios + Vuex + Mock + echarts实现电商管理系统后台

03-11

vue-cli 3.0 + element-ui + vue-router + axios + Vuex + Mock + echarts 2，测试账号地址访问地址：待建设账号：admin密码：admin 账号：xiaoxiao密码：xiaoxiao 因为菜单是根据不同用户权限动态生成的，所以...

一文详解vue-cli2.0与vue-cli3.0之间的区别

最新发布

青春木鱼的博客

12-02

5587

vue-cli 3.0的项目摈弃了 config 、 build 、 static 目录，新增了 public 目录，将根目录下的 index.html 放置在 public 目录下。新增 webpack 的配置文件 vue.config.js ，可以在该文件中进行webpack的相关配置，例如 loader、开发环境等等。新增 .browserslistrc 文件，指定了项目的目标浏览器的范围，用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀，可以理解为浏览器兼容.新增 ba

vue-cli3和vue-cli2区别

sgxy_zc的博客

05-20

222

vue-cli3和vue-cli2标签使用区别 1.插槽（具名插槽提供内容） vue2 直接在标签上设置slot的名称。eg：<span slot='logo' class="head_logo"></span> vue3在一个<template>元素上使用v-slot指令，并以v-slot的参数的形式提供其名称。eg:<template v-slot:logo> <span class="hea...

vue Cli3与vue Cli2的改变

jxliu的博客

01-14

8411

vue3与2的区别常用命令创建文件常用命令 vue -V 查看本地 vue 版本创建文件 3.0：vue create 进入工程文件夹，创建项目。 2.0：vue init webpack

v-model在vue2与vue3中的区别

weixin_37834123的博客

09-22

368

vue2 在vue2中传递一个value属性监听一个input事件 <Son v-model="msg" />  <Son :value="msg" @input="val=>msg=val" />` 不能多次使用但可以借助.sync属性完成 vue3 在vue3中传递modelValue属性,监听一个update:modelValue事件 <Son v-m

Vue3.0快速上手-重要知识点罗列-系列二

JackieDYH的博客

07-31

4776

Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0 2.Vue3带来了什么 1.性能的提升打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% … 2.源码的升级使用Proxy

详解vue-cli3的安装配置使用以及和vue-cli2的区别

风萧萧兮易水寒

06-20

6262

首先纠正一下好多人的一个误点尤大大在Medium上宣布正式发布了vue-cli 3.0 这是vue的脚手架工具总的来说这次两个3.0版本都经历了很大的重构改版，在性能和使用上都有了很大的改变反正作为开发，尤其是对于技术迭代飞速的前端开发来说，不管什么时候都要保持对前沿技术的敏感，那就来具体分析一下vue-cli 3.0这次版本的更新对比之前的版本到底有了哪些变化 vue-cli更新对比...

vue-cli2 与vue-cli3，vue2与vue3 初始化项目，解析区别

hap1994的博客

02-11

2409

vue-cli2 与vue-cli3，vue2与vue3 初始化项目，解析区别

VueCli3新特性

anmeiba2865的博客

02-23

577

升级VueCli3的理由: 1.构建速度大大加快,之前看到一个升级的例子是2的3倍速度，具体可以在自己迁移一个项目测试下，这里的优化有默认开启了多核构建、缓存并行和缓存 2.webpack被内置到@vue/cli-service，可以升级，其他服务基于插件注入，比如babel、TypeScript 插件 vue add @vue/eslint 安装@vue/cli-plugin-e...

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交

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

分类专栏

最新评论

大家在看

最新文章

目录