vue-cli和vue有什么区别

目录

1、什么是 Vue？

2、什么是vue-cli？

3、区别和关联

👉 区别

👉 关联

🍀 扩展知识

---

“vue-cli”和vue的区别：vue是“vue.js”的简称，是一个成熟的用于构建用户界面的JavaScript渐进式框架，而“vue-cli”是vue基础上进行开发的工具系统，是vue框架的一个命令工具。

1、什么是 Vue？

vue 是 vue.js 的简称，它是被拥有在创建用户界面的一个开发的 js 框架，拥有简单易上手和轻量快速开发的特点。主要是通过基础的知识、组件了解、动画过度、可复用性和组合等其他的一些工具来进行管理。

2、什么是vue-cli？

vue-cli 是在 vue.js 的基础之上进行开发的工具系统，而且vue-cli致力于将Vue.js框架中的工具基础标准化，不仅如此它还确保了各种构建工具可以稳定的衔接，从而减少时间的消耗和提高开发时的灵活性。

3、区别和关联

👉 区别

在两者的区别上，vue是个成熟的框架，然而对于Vue-cli来说的话本身只是个脚手架而已。

👉 关联

两者的关联的话，对于vue-cli来说它只是vue框架的一个命令工具而已。对于vue来说，它确实一整个开发项目的核心。

🍀 扩展知识

vue-cli 是基于 Node.js 开发出来的工具，因此需要使用 npm 将它安装为全局可用的工具：

# 全局安装 vue - cli
npm install - g @vue / cli
# 查看vue - cli的版本， 检验vue - cli是否安装成功
vue--version

VueCLI是一个官方发布vue.js项目脚手架，使用 VueCLI 可以快速搭建 vue 开发环境，以及对应的 webpack 配置。

1、CLI 是 Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架

2、Vue CLI是一个官方发布 vue.js 项目脚手架

3、使用 vue-cli 可以快速搭建 Vue 开发环境以及对应的 webpack 配置.

关于旧版本

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

脚手架依赖于 node.js 和 webpack。

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。