创建 Vue2 或 Vue3 项目

449 阅读2分钟

创建 Vue2 或 Vue3 项目的步骤如下:

首先,需要确保已经正确安装了 Vue CLI。如果没有安装,可以通过以下命令进行安装:

npm install -g @vue/cli

或者

yarn global add @vue/cli
  1. 创建 Vue2 项目
    • 打开终端或命令行工具,然后转到你的项目目录;
    • 执行以下命令创建项目:vue init webpack projectName (vue2.x)。这里的projectName是你的项目名称;
    • 选择自定义配置,按回车键;
    • 根据需要选择配置资源(例如是否安装 ESLint),如果需要,可以用空格键进行选择;
    • 在创建项目时,可以选择 vue2.x 或者 vue3.x;
    • 输入项目名称并点击下一步;
    • 选择创建 vue2.x 或者 vue3.x;
    • 选择路由模式。
  2. 创建 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 命令。