使用脚手架vue-cli创建vue3项目，创建前需要准备以下：
1、node.js环境
见：https://www.cnblogs.com/beichengshiqiao/p/17251233.html
2、npm、cnpm工具
见：https://www.cnblogs.com/beichengshiqiao/p/17251860.html
3、vue框架
见：https://www.cnblogs.com/beichengshiqiao/p/17259330.html
4、vue-cli脚手架
见：https://www.cnblogs.com/beichengshiqiao/p/17265354.html
安装 Vue CLI 的时候不需要先安装 Vue 3。Vue CLI 是一个工具，用于快速创建和管理 Vue 项目，它本身并不包含 Vue.js 的代码。当您使用 Vue CLI 创建新的 Vue 项目时，Vue 3 会自动安装在您的项目中，因此您无需手动安装 Vue 3。
简单来说，Vue CLI 和 Vue.js 是两个不同的东西，Vue CLI 是用来帮助您创建和管理 Vue 项目的工具，而 Vue.js 是一个 JavaScript 框架，用于构建用户界面。
可以按照以下步骤进行操作：
-
首先，确保您已经安装了 Node.js。您可以在命令行中输入
node -v来检查您当前安装的 Node.js 版本，如果没有安装，可以从官方网站下载并安装：https://nodejs.org。 -
安装 Vue CLI。Vue CLI 是 Vue.js 的官方脚手架工具，可以用于快速创建 Vue 项目。您可以在命令行中输入以下命令来全局安装 Vue CLI：
npm install -g @vue/cli
- 创建新的 Vue 项目。在命令行中进入您要创建项目的目录，然后输入以下命令来创建一个新的 Vue 项目：
vue create my-project
其中 my-project 是您要创建的项目名称，您可以根据自己的需要来进行修改。
- 等待项目创建完成后，进入到项目目录，并启动开发服务器。在命令行中输入以下命令：
cd my-project npm run serve
- 打开浏览器，访问 http://localhost:8080，您应该可以看到一个欢迎页面，这意味着您已经成功安装了 Vue 3，并且您的项目已经可以运行。
现在，您已经成功安装了 Vue 3，可以开始开发您的项目了。
标签：27,CLI,vue,创建,js,Vue,安装,进阶 From： https://www.cnblogs.com/beichengshiqiao/p/17294523.html