跟随chatgpt从头创造一个Vue项目-CSDN博客

本文链接：https://blog.csdn.net/m0_51160509/article/details/135289553

第一步，检查我的 Node.js 和 npm 是否已正确安装，打开【开始】菜单，输入cmd，我用的是管理员身份运行。安装版本如下：

 1. 安装 Node.js：Vue.js 是基于 Node.js 运行的，因此首先需要安装 Node.js。您可以从 Node.js 官方网站（https://nodejs.org/）下载并安装 Node.js。

2. 检查 Node.js 和 npm 是否已正确安装：在命令行中运行以下命令，以确认 Node.js 和 npm 已正确安装并配置：

node -v
npm -v

第二步，安装最新稳定版本的 Vue CLI，版本号和花费时间如下

 全局安装 Vue CLI：执行以下命令来全局安装 Vue CLI：

npm install -g @vue/cli

这将安装最新稳定版本的 Vue CLI。

会有一些npm 警告，这些警告是由于某些软件包已被废弃或不再维护，建议使用新的软件包。这些警告通常不会影响 Vue 项目的创建和运行，可以忽略它们。

第三步，进入一个目录，例如 `D:\study`。先切换盘符，后cd 到目录中：cd D:\study，创建一个新的 Vue 项目，如图。

 创建一个新的 Vue 项目：在命令行中执行以下命令，以创建一个新的 Vue 项目：

vue create my-project

这将提示您选择一个预设（即项目模板）。您可以选择默认预设或手动选择所需的特性。按照提示进行选择，然后等待项目创建完成。

跳出选择框

默认预设或手动选择所需的特性。根据您的需求选择以下其中一个选项：

- Default ([Vue 3] babel, eslint)：这是 Vue CLI v5 默认的预设选项，适用于 Vue 3 项目。它包含了 Babel 和 ESLint 的配置。

- Default ([Vue 2] babel, eslint)：这是 Vue CLI v5 默认的预设选项，适用于 Vue 2 项目。同样地，它也包含了 Babel 和 ESLint 的配置。

- Manually select features：选择这个选项，您将可以手动选择要添加到项目中的特性，例如路由器、状态管理、CSS 预处理器等。这样您可以根据自己的需要进行灵活的配置。

用上下键进行选择，我这里用的是Vue3.