网站优化

网站优化

Products

当前位置:首页 > 网站优化 >

学习Vue CLI 3,如何快速搭建高效Vue项目?

GG网络技术分享 2025-11-13 11:40 1


从上述文本中, 我们Neng整理出用 Vue CLI 3.0 飞迅速搭建 Vue 项目的基本步骤:

1. 安装 Node.js 和 npm 或 yarn

在开头之前,确保你的系统Yi经安装了 Node.js 和 npm 或者 yarn,基本上原因是 Vue CLI 依赖于它们。

  • 检查 Node.js 版本:node -v
  • 检查 npm 版本:npm -v
  • 检查 yarn 版本:yarn -v

2. 安装 Vue CLI

用 npm 或 yarn 全局安装 Vue CLI。

  • 用 npm:npm install -g @vue/cli
  • 用 yarn:yarn global add @vue/cli

3. 创建项目

安装完成后用以下命令创建一个新鲜的 Vue 项目:

bash vue create my-project

这里 my-project 是你想要创建的项目名称。

4. 选择项目配置

按照提示选择项目配置,如默认设置。

5. 进入项目目录

项目创建完成后 进入项目目录:

bash cd my-project

6. 启动开发服务器

在项目目录中,启动开发服务器以开头开发:

bash npm run serve

或者,Ru果你用的是 yarn:

bash yarn serve

7. 安装插件

Ru果你需要安装插件,如 vue-routervuex,Neng用以下命令:

bash vue add plugin-name

或者:

8. 用 Vue UI

Vue CLI 还给了一个图形化的界面——Vue UI,Neng通过以下命令启动:

bash vue ui

在浏览器中打开 http://localhost:,你将kan到操作界面。

9. geng新鲜 Vue CLI

Ru果需要升级 Vue CLI, Neng用以下命令:

bash npm install -g @vue/cli@latest

bash yarn global add @vue/cli@latest

标签:

提交需求或反馈

Demand feedback