如何创建一个vue项目

作者：萫蕉姺森う发布日期:2025-11-01 浏览:28

# 创建一个 Vue 项目

# 1. 确保你已经安装了 Node.js 和 npm
# 检查是否已安装：
node -v
npm -v

# 2. 全局安装 Vue CLI
npm install -g @vue/cli

# 3. 使用 Vue CLI 创建一个新的 Vue 项目
vue create my-project

# 这将启动一个交互式命令行界面，你可以选择默认配置或手动选择特性。

# 4. 进入项目目录
cd my-project

# 5. 启动开发服务器
npm run serve

# 这将在 http://localhost:8080 启动一个本地开发服务器。

解释说明：

确保安装 Node.js 和 npm：Vue CLI 需要 Node.js 和 npm 来运行。你可以通过 node -v 和 npm -v 检查是否已安装。
全局安装 Vue CLI：使用 npm install -g @vue/cli 命令来全局安装 Vue CLI 工具。
创建新项目：使用 vue create my-project 命令创建一个新的 Vue 项目。CLI 会引导你完成项目的初始设置。
进入项目目录：使用 cd my-project 进入新创建的项目目录。
启动开发服务器：使用 npm run serve 启动本地开发服务器，方便你在开发过程中实时预览项目。

上一篇：vue嵌入第三方页面

下一篇：vue signalr