如何启动 vue 3 项目？安装 node.js 和 vue cli创建新项目进入项目目录安装依赖项启动开发服务器访问应用程序（http://localhost:8080）

如何在 Vue 3 中启动项目

启动 Vue 3 项目有以下几个步骤：

1. 安装 Node.js 和 Vue CLI

• 安装 Node.js（版本 14 或更高）。
• 全局安装 Vue CLI：npm install -g @vue/cli。

2. 创建新项目

立即学习“前端免费学习笔记（深入）”；

• 创建一个文件夹来存放项目。
• 在该文件夹中，运行：vue create 项目名称。

3. 进入项目目录

• 进入项目目录：cd 项目名称。

4. 安装依赖项

• 运行：npm install 或 yarn install。

5. 启动开发服务器

• 运行：npm run serve 或 yarn serve。

6. 访问应用程序

• 在浏览器中打开 http://localhost:8080（默认端口）。

详细步骤：

安装 Node.js 和 Vue CLI

• 访问 Node.js 官网（https://nodejs.org/en/）下载并安装。
• 在命令行中运行：npm install -g @vue/cli。

创建新项目

• 创建一个空文件夹，例如 my-vue-project。
• 在该文件夹中，运行：vue create my-vue-project。

进入项目目录

• 在命令行中，运行：cd my-vue-project。

安装依赖项

• 运行：npm install 或 yarn install。这将安装项目所需的 npm 包。

启动开发服务器

• 运行：npm run serve 或 yarn serve。这将启动一个本地开发服务器，默认端口为 8080。

访问应用程序

• 在浏览器中输入：http://localhost:8080。这将显示 Vue 3 应用程序。

以上就是vue3怎么启动项目的详细内容，更多请关注php中文网其它相关文章！