vue，vue-cli和@vue/cli是什么关系？有什么区别？

已于 2022-08-23 21:50:46 修改
阅读量5.3k 收藏 14
点赞数 4
分类专栏： Vue 文章标签： vue 前端框架
于 2021-11-30 22:09:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cs_zhao18/article/details/121642395
版权

vue是构建用户界面的渐进式JavaScript 框架。

vue-cli是vue的一个官方脚手架工具（快速工程化命令工具）, 用来帮助程序员们快速搭建基于vue框架的开发环境。

vue有很多脚手架工具，vue-cli只是其中一种，侧重于单页面应用 (SPA) 的快速搭建，网址：cli.vuejs.org/zh/guide/

@vue/cli是新版vue-cli，提供了GUI维护界面，@vue/cli 安装的是vue3及以上版本, vue-cli 安装的是vue2。

扩展：

  • Vue-cli = Vue + 一堆的js插件。
  • SpringCloud = SpringBoot + 一堆第三方组件。

  • vue-cli 4.5以下，对应的是Vue2
  • vue-cli 4.5及以上，对应的是Vue3

参考文献

vue和vue-cli和@vue/cli是三个不同的东西？-慕课网

@vue/cli 和 vue-cli - 萧纳 - 博客园

介绍 | Vue CLI

sd_zhao18
关注
  • 4
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
脚手架vue-cli和@vue/cli的搭建及区别
qq_37635012的博客
04-14 1万+
vue-cli与@vue/cli vue脚手架版本目前有2,3,4.不管搭建哪个版本的脚手架，首先都需要安装node. node的安装 node的安装我们可以直接去node官网(http://nodejs.cn/)下载安装，node安装完之后，node自带的包管理工具npm也就安装好了，我们win系统直接开始在cmd窗口输入node -v查看node版本号，如下图能看到版本号说明node安装成功:...
基于Vue-cli快速搭建项目的完整步骤
12-09
前言 vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。 下面话不多说了，来一起看看详细的介绍吧 一、准备工作 在使用vue-cli时，首先需要安装nodejs，npm，其次需全局安装vue和vue-cli 　　1、nodejs和npm安装方法详见：https://www.jb51.net/article/90518.htm 　　2、npm install -g vue 　　3、npm install -g vue-cli 二、vue-cli快速搭建项目 安装完成后，同时在
vue3 vue-cli搭建项目以及与vue2的区别
qq_60654563的博客
10-08 151
vue3 vue-cli安装 搭建项目
vue-cli和vue有什么区别
m0_74249400的博客
05-19 512
“vue-cli”和vue的区别：vue是“vue.js”的简称，是一个成熟的用于构建用户界面的javascript渐进式框架，而“vue-cli”是vue基础上进行开发的工具系统，是vue框架的一个命令工具。
详叙 @vue/cli 和 vue-cli
Baron的技术blog
02-05 4762
Vue CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。 vue-cli 工具的初衷就是为了让开发者能够开箱即用快速地进行应用开发而开发的，它秉承的是“约定大于配置”思想，简单说就是”能不配置的就不配置，你就按照我的方式来，也不要去争论这个好不好，快速进行业务开发才是正经事”。他们不建议你去配置，但也不会拦着你去配置。另外 Webpack 对初学者并不是十分友好，‘又长又臭’的配置，普通开发者很难写入定义良好，性能优化的配置。不然就不会各种 cli 工具冒出来了，比如parcel
vue-cli学习一：vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目，vue的初始化详解
冯安晨
03-02 570
文章目录前言五、vue-cli2脚手架安装vue项目1. 可视化安装2. 命令行安装六、vue-cli3脚手架安装vue项目1. 可视化安装2. 命令行安装八. vue-cli 版本区别1. 2,3版本区别2. 2,3,4版本区别 前言 五、vue-cli2脚手架安装vue项目 1. 可视化安装 2. 命令行安装 六、vue-cli3脚手架安装vue项目 1. 可视化安装 2. 命令行安装 八. vue-cli 版本区别 1. 2,3版本区别 vue-cli 3 与 2 版本有很大区别 vue-cli 3
vue基础知识-vue/cli3与vue-cli2的区别与安装
quhaha的博客
07-05 1124
如果已经全局安装过旧版本的vue-cli npm uninstall vue-cli -g //yarn global remove vue-cli。assets： 是页面和组件中用到的静态资源，比如公共样式文件，字体文件，图片等，该文件夹与public的区别是：该文件夹中的资源会被webpack编译；README.md：项目的说明文档，项目介绍、License、一些命令（例如：启动命令、打包命令、单元测试命令等）这里的资源会被webpack构建；
一篇文章说清 webpack、vite、vue-cli、create-vue 的区别
前端打工人的博客
05-10 3522
webpack、vite、vue-cli、create-vue 这些都是什么？看着有点晕，不要怕，我们一起来分辨一下。 先看这个表格： 脚手架 vue-cli create-vue 构建项目 vite 打包代码 webpack rollup 脚手架：创建项目，选择性安装需要的插件，指定统一的风格，生成demo。 构建项目：建立项目的运行环境，需要手动安装插件。 打包代码：代码写好之后，为了更好的使用，需要打包处理一下。 是不是有了一个整体的感觉？我们再来详细的看一下。 vue-
webpack、vite、vue-cli、create-vue 的区别
m0_47761892的博客
02-13 2728
webpack、vite、vue-cli、create-vue 的区别
vue中脚手架的使用 （@vue-cli、@vue/cli）
夜空孤狼啸的博客
04-21 1460
安装步骤： 1 全局安装@vue/cli npm install @vue/cli -g vue --version 查看vue脚手架是否安装成功 2 创建项目 vue create 自定义项目名 3 进入项目 并且 运行项目
vue-cli-plugin-auto-routing:自动解决页面和布局路由
05-02
vue-cli-plugin-自动路由 提供自动路由功能的Vue CLI插件。概述确保您处于由Vue CLI> = v3生成的项目中。 您可以通过运行以下命令来安装此插件： # If you did not install router plugin yet$ vue add router# ...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
我们有很多现有的vue-cli（3.x / 4.x）项目。 在生产中：基于webpack的vue-cli仍然是捆绑webapp的最佳实践（通过代码拆分，旧版浏览器的旧版构建）。 在开发中：即时启动服务器并通过闪电快速实现HMR很有趣。 ...
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
类星体框架：vue-cli-plugin-quasar :rocket: 在2分钟内开始使用Quasar Framework构建Vue应用！ :warning_selector: 为了获得Quasar的高级（推荐）体验，包括构建Mobile＆Electron应用程序以及轻松升级到新...
vue/cli 和 vue 版本对应及安装
qq_41040196的博客
11-15 1万+
vue 和 vue cli 的版本对应和安装方法
Vue3日期选择器（DatePicker）
热门推荐
Mr Dear的博客
04-04 2万+
可以输入或选择日期的控件，插件功能非常全面，交互非常丝滑，强烈推荐！
vue-cli、create-vue、webpack、vite、rollup的区别
陈小陈的博客
11-16 950
webpack、Rollup、vite、rollup、create-vue、vue-cli
Vue 与 Vue-cli 的学习
Yg123345的博客
02-18 350
vue-cli 是vue.js的脚手架，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板
前端框架（三件套）
最新发布
m0_68728226的博客
08-08 995
【代码】前端框架（三件套）
当我输入npm list vue -g后，显示以下信息 C:\Program Files\nodejs\node_global +-- @vue/cli@4.5.14 +-- vue@3.3.4 `-- vue-cli@2.9.6 但是输入vue -V却显示2.9.6
07-16
根据你提供的信息，当你运行 `npm list vue -g` 命令时，显示了三个全局安装的 Vue.js 相关包：`@vue/cli@4.5.14`、`vue@3.3.4` 和 `vue-cli@2.9.6`。 然而，当你运行 `vue -V` 命令时，显示的版本号是 `2.9.6`。这可能是因为全局安装的 `vue-cli@2.9.6` 的命令行工具与 Vue.js 的版本号混淆了。 为了解决这个问题，你可以尝试以下几个步骤： 1. 首先，卸载全局安装的 `vue-cli@2.9.6` 包。可以使用以下命令进行卸载： ``` npm uninstall -g vue-cli@2.9.6 ``` 2. 然后，再次运行 `vue -V` 命令，确保显示的版本号是你期望的版本（例如 `3.3.4`）。 3. 如果问题仍然存在，你可以尝试使用 `which vue` 命令来查看当前系统中哪个 `vue` 可执行文件被使用。然后，确认该可执行文件所在的路径是否正确，并且没有与旧版本的 Vue.js 冲突。 4. 如果需要，你还可以尝试手动更新全局安装的 Vue.js 相关包，使用以下命令进行更新： ``` npm update -g @vue/cli ``` 请注意，如果你在项目中使用了局部安装的 Vue.js，全局安装的 Vue.js 版本与局部安装的版本可能会有所不同。确保在项目中使用正确的版本，并根据需要进行相应的更新和调整。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值