如何创建vue项目

作者：嗜神魔影发布日期:2025-06-06 浏览:37

# 使用 Vue CLI 创建一个新的 Vue 项目

# 首先确保你已经安装了 Node.js 和 npm
# 然后全局安装 Vue CLI
npm install -g @vue/cli

# 创建一个新的 Vue 项目
vue create my-project

# 进入项目目录
cd my-project

# 启动开发服务器
npm run serve

解释说明：

安装 Vue CLI:
- npm install -g @vue/cli: 这条命令会全局安装 Vue CLI，它是一个官方提供的工具，用于快速创建和管理 Vue 项目。
创建项目:
- vue create my-project: 这条命令会创建一个名为 my-project 的新 Vue 项目。你可以根据提示选择不同的预设配置，或者使用默认配置。
进入项目目录:
- cd my-project: 进入刚刚创建的项目目录。
启动开发服务器:
- npm run serve: 这条命令会启动开发服务器，自动打开浏览器并加载你的 Vue 应用程序。开发服务器支持热重载（HMR），即在代码更改时自动刷新页面。

上一篇：vue2 provide inject用法

下一篇：vue 子组件