Vue CLI 是一个官方命令行工具,用于快速搭建 Vue.js 项目。以下是 Vue CLI 的基本使用方法。

安装 Vue CLI

首先,你需要全局安装 Vue CLI。你可以通过以下命令来完成:

npm install -g @vue/cli

或者使用 yarn:

yarn global add @vue/cli

创建新项目

安装完成后,你可以使用以下命令创建一个新项目:

vue create my-project

或者使用图形界面创建。

项目结构

Vue CLI 创建的项目具有以下结构:

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

起步

在项目根目录下,你可以使用以下命令启动开发服务器:

npm run serve

或者使用 yarn:

yarn serve

这将启动一个开发服务器,并在浏览器中打开默认的 http://localhost:8080/ 地址。

链接更多资源

想了解更多关于 Vue 的知识?请访问我们的 Vue 官方文档

图片示例

以下是一张关于 Vue CLI 的图片:

Vue CLI