创建 Vue2 或 Vue3 项目的步骤如下:
首先,需要确保已经正确安装了 Vue CLI。如果没有安装,可以通过以下命令进行安装:
npm install -g @vue/cli
或者
yarn global add @vue/cli
- 创建 Vue2 项目
- 打开终端或命令行工具,然后转到你的项目目录;
- 执行以下命令创建项目:
vue init webpack projectName (vue2.x)。这里的projectName是你的项目名称; - 选择自定义配置,按回车键;
- 根据需要选择配置资源(例如是否安装 ESLint),如果需要,可以用空格键进行选择;
- 在创建项目时,可以选择 vue2.x 或者 vue3.x;
- 输入项目名称并点击下一步;
- 选择创建 vue2.x 或者 vue3.x;
- 选择路由模式。
- 创建 Vue3 项目
- 打开终端或命令行工具,转到你的项目目录;
- 执行以下命令创建项目:
vue create projectName。这里的projectName是你的项目名称; - 根据需要选择配置资源,用空格键进行选择;
- 在创建项目时,可以选择 vue2.x 或者 vue3.x;
- 输入项目名称并点击下一步;
- 选择创建 vue3.x;
- 选择路由模式。
最后,使用你选择的命令行工具进入到你的新项目目录中,然后执行以下命令启动你的项目:
对于Vue2项目: npm run serve
对于Vue3项目: npm run serve 或者 yarn serve。
补充:
使用 vue init 命令创建的项目是 Vue 2 项目。vue init 是 Vue CLI 2.x 的命令,用于初始化一个新的 Vue 2 项目。
如果你想创建一个 Vue 3 项目,可以使用 Vue CLI 4.x 或更高版本提供的 vue create 命令。vue create 命令会引导你创建一个新的 Vue 3 项目,并根据你的选择配置相关的选项和插件。
请注意,Vue CLI 4.x 和更高版本同时支持创建 Vue 2 和 Vue 3 项目。在创建项目时,它会询问你想要使用哪个版本的 Vue.js。根据你的选择,它将为你生成相应版本的项目。
因此,如果你使用 vue init 命令,你将创建一个 Vue 2 项目。如果你想要创建一个 Vue 3 项目,请使用 vue create 命令。