Vue.js CLI 简介

Vue.js CLI 是一个官方命令行工具，用于快速搭建 Vue.js 项目。它提供了许多有用的特性，如自动配置、代码生成、项目构建等。

安装 Vue.js CLI

首先，您需要全局安装 Vue.js CLI。以下是安装步骤：

1. 打开终端或命令提示符。
2. 运行以下命令：

npm install -g @vue/cli

或者

yarn global add @vue/cli

创建新项目

安装完成后，您可以使用以下命令创建一个新的 Vue.js 项目：

vue create my-project

其中 my-project 是您想要创建的项目名称。

项目结构

Vue.js CLI 创建的项目具有以下结构：

my-project/
├── node_modules/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── assets/
│   ├── components/
│   ├── App.vue
│   ├── main.js
│   └── ...
├── .babelrc
├── .editorconfig
├── .eslintrc.js
├── .gitignore
├── package.json
└── ...

快速开始

1. 打开终端，进入项目目录：

cd my-project

2. 运行以下命令启动开发服务器：

npm run serve

或者

yarn serve

现在，您可以在浏览器中访问 http://localhost:8080/ 来查看您的项目。

扩展阅读

如果您想了解更多关于 Vue.js CLI 的信息，请访问我们的官方文档。

Vue.js CLI