vue-cli的版本查看及vue2.x和vue3.0的区别

已于 2022-03-25 16:33:55 修改
阅读量529 收藏
点赞数
分类专栏： vue 文章标签： webpack css3 javascript
于 2020-11-16 07:33:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangatong/article/details/109713329
版权

vue2.0 vue-cli安装
npm install vue-cli -g
查看版本
vue -V
项目创建
vue init webpack project-name
webpack.config.js（自动添加）
vue3.0 脚手架安装
npm install @vue/cli -g
项目创建
vue create project-name(工程名要全部小写)
//图形化界面
vue ui
手动添加：vue.config.js
卸载脚手架
npm uninstall vue-cli -g

wangatong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3.0开发环境搭建及vue2.x和vue3.x的区别
代码包工头的博客
05-12 330
文章目录一：选择自定义配置二：选择自定义安装版本三：选择3.x版本四：vue2.0和vue3.0的区别1.`package.json`文件里2.main.js入口文件3.打开一个单文件组件查看 一：选择自定义配置 二：选择自定义安装版本 三：选择3.x版本 四：vue2.0和vue3.0的区别 1.package.json文件里 在dependencies配置项中显示，当前使用的版本为3.0.0 2.main.js入口文件 由先前的new关键词实例化，转变为createApp方法的调用形式 vue
vue2和vue3的区别
m0_61845534的博客
10-05 6808
前言 vue经历从2.0到3.0更新之后，简而言之就是变得更轻，更快，使用起来更加方便，每一次的版本迭代都是对上一个版本的升级优化，不管是对于我们开发者还是对于用户体验都是不断地在越来越方便，接下来我会着重于开发者来说一下两个不同版本的区别， 详解 1.vue2.0和3.0的初始化就存在着一定区别，比如vue3.0可以在安装脚手架同时提前安装好一些项目开发必备的插件，并且3.0提供了可视化创建脚手架，可以更加方便的对插件和依赖进行管理和配置，同时两个版本的目录结构也是有些许差别的。 2.在开发过程中两个
如何查看前端项目vue版本
m0_72678953的博客
10-17 649
（2）查看vue版本 2开头为vue2 3开头为vue3。（2）找到dependencies下面的value。（1）点击package.json文件。
VUE3 学习笔记（十）查看vue版本
最新发布
sensor_WU 博客
05-21 744
查看vue版本命令
怎们判断 Vue项目是 vue2 还是 vue3 版本
Java Pro
08-08 1万+
综上所述，你可以通过查看项目的依赖、判断是否使用了 Composition API、观察模板语法和全局 API 是否有变化，以及查看项目中使用的 Vue Router 和 Vuex 的版本等方式来判断一个 Vue 项目是基于 Vue 2 还是 Vue 3 版本。如果你的项目中使用的是 Vue Router 4 和 Vuex 4，那么很可能是基于 Vue 3。例如，Vue 2 中使用的全局过滤器在 Vue 3 中不再支持，而是使用了更强大的函数式 API。，则项目是基于 Vue 3。
一文详解vue-cli2.0与vue-cli3.0之间的区别
青春木鱼的博客
12-02 5742
vue-cli 3.0的项目摈弃了 config 、 build 、 static 目录，新增了 public 目录，将根目录下的 index.html 放置在 public 目录下。新增 webpack 的配置文件 vue.config.js ，可以在该文件中进行webpack的相关配置，例如 loader、开发环境等等。新增 .browserslistrc 文件，指定了项目的目标浏览器的范围，用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀，可以理解为浏览器兼容.新增 ba
如何查看前端的vue项目是vue2还是vue3项目
舒一笑的博客
03-07 3779
Vue 3 引入了一些新特性和改变，比如Composition API、Fragment、Teleport、Suspense等，这些在Vue 2中是不存在的。（Vue开发者工具），你可以通过这个浏览器扩展来检查Vue的版本。Vue Devtools在与Vue应用建立连接时，会在Devtools扩展的Vue选项卡中显示Vue的版本信息。，如果是Vue CLI项目）或其他构建工具的配置文件，可能会有指向特定Vue版本的依赖或插件配置。如果项目是通过Vue CLI创建的，你可以通过运行Vue CLI的。
总结vue2.0与vue3.0的区别，让你快速上手
前端小99的博客
04-21 3万+
1:vue3.0和2.0的区别 2.0数据双向绑定方面 Vue2.0使用Object.defineProperty 原理：通过使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作，当数据发生改变发出通知 // 数据 let data = { title: '', // 备份数据 _data: {} } // 定义特性 Object.defineProperty(data, 'title', { // 定义特性属性或者特性方法 // 取
如何在项目中检查vue是哪个版本
qq_34820605的博客
12-18 2704
方法一 ：npm list vue 方法二： 在项目的package.json文件中查看dependencies 方法三： 在文件中也可以区分开 或者
浅谈vue-cli 3.0.x 初体验
11-27
默认情况下，Vue CLI 3.0.x 提供了`.env.development`, `.env.production`和`.env.test`三个文件，分别对应开发、生产及测试环境。`.env`文件中的变量以 `VUE_APP_` 开头，例如 `.env.production` 文件内的 `VUE_APP...
详解如何配置vue-cli3.0的vue.config.js
12-02
vue-cli 3 与 2 版本有很大区别 vue-cli 3 的 github 仓库由原有独立的 github 仓库迁移到了 vue 项目下 vue-cli 3 的项目架构完全抛弃了 vue-cli 2 的原有架构，3 的设计更加抽象和简洁（此处后续可以详细介绍） ...
vue-cli2.x项目优化之引入本地静态库文件的方法
08-27
vue-cli2.x项目优化之引入本地静态库文件的方法 本文主要介绍了 Vue-cli 2.x 项目优化方法之一，即引入本地静态库文件的方法。该方法可以有效地优化项目的编译速度和文件大小。 首先，需要将 node_modules 下相应...
vue-cli3.0配置及使用注意事项详解
01-21
这次给大家带来vue-cli3.0配置详解，使用vue-cli3.0配置的注意事项有哪些，下面就是实战案例，一起来看一下。 新建项目 # 安装 npm install -g @vue/cli # 新建项目 vue create my-project # 项目启动 npm run ...
vue-cli V3.0版本的使用详解
10-17
主要介绍了vue-cli V3.0版本的使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue项目实战--如何在手机中查看vuecli3/vuecli2项目？
weixin_45405395的博客
04-03 3749
1.在vue项目中的根目录创建vue.config.js 2.下面的配置需要用到本地的IP,查找本地IP的方法： ①打开命令行：快捷键 windows+R ②进入命令行：输入cmd 按下回车 ③输入ipconfig,下图中的IPv4地址就是 3.配置vue.config.js如下： module.exports={ devServer:{ host: " 本地IP地址"...
vue-cli2和3区别
cecoal的博客
05-22 479
安装脚手架 2：npm install –g vue-cli 3：npm install –g @vue/cli 初始化项目 2：vue init webpack 项目名 3：vue create 项目名 启动项目 2：npm run dev 3：npm run serve 原因：3版本package.json配置如下 目录结构 2： 3. 原来放在static下的文件，放在了public文件夹下 3.x少了build、config等编译配置文件 3.x安装项目时自动下载node-model ...
如何查看自己项目中vue的版本号和vue-cli的版本号
热门推荐
easyJob
09-02 3万+
———————————————————————————————————————————— ———————————————————————————————————————————— 查看Vue的版本号 （1）法一：代码方式 `npm list vue` （2）法二：其他方式 找到package.json文件夹，找“dependencies”，然后就可以看到你装的vue版本了 ———————————————————————————————————————————— ———————————
怎么 通过代码 快速判断 vue3 还是 vue2
weixin_42596246的博客
01-09 1565
你可以使用 Vue.version 来判断当前 Vue 的版本。 例如： if (Vue.version.startsWith('2.')) { console.log('Vue 2.x') } else if (Vue.version.startsWith('3.')) { console.log('Vue 3.x') } else { console.log('其它版本') } ...
卸载vuecli3_vue-cli3.0升级失败，vue-cli卸载不掉，万能解决办法
06-06
您可以尝试以下步骤来卸载vuecli3或vue-cli： 1. 打开命令行工具，并使用管理员权限运行它。 2. 输入以下命令来检查您已经安装的vue-cli版本： ``` vue --version ``` 3. 如果您已经安装了vue-cli 3.x版本，您...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值