创建vue项目

作者：巅峰战犯发布日期:2025-09-05 浏览:100

# 使用 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 项目。在创建过程中，CLI 会提示你选择一些配置选项，例如是否使用 TypeScript、Vuex、Vue Router 等。
进入项目目录:
- cd my-project：进入刚刚创建的项目目录。
启动开发服务器:
- npm run serve：这行命令会启动开发服务器，默认情况下会在 http://localhost:8080 上运行你的应用，并且支持热重载（HMR），即你在代码中做的任何更改都会自动刷新到浏览器中。

如果你不需要这些解释，只需要代码部分，以下是精简版：

npm install -g @vue/cli
vue create my-project
cd my-project
npm run serve

上一篇：vue ref

下一篇：vue props