Vue CLI 是一个官方提供的基于 Vue.js 的命令行工具,用于快速搭建 Vue.js 项目。以下是使用 Vue CLI 创建和管理项目的步骤:
安装 Vue CLI
1. 全局安装 Vue CLI:
在命令行中运行以下命令:
```bash
npm install -g @vue/cli
```
或者使用 yarn:
```bash
yarn global add @vue/cli
```
2. 检查安装:
运行以下命令,确认 Vue CLI 是否安装成功:
```bash
vue --version
```
创建项目
1. 创建新项目:
使用以下命令创建一个新项目:
```bash
vue create my-project
```
其中 `my-project` 是你的项目名称。
2. 选择预设:
Vue CLI 会提示你选择预设(如 Manually select features),你也可以直接按回车键跳过这一步,然后手动选择你需要的功能。
3. 手动选择功能:
如果你选择了手动选择功能,以下是一些可以选择的选项:
Babel
Router
Vuex
CSS Pre-processors
Linter / Formatter
Eslint + Unit Tests
Linter / Formatter + Unit Tests
4. 等待项目创建:
Vue CLI 会自动下载必要的依赖并创建项目结构。
运行项目
1. 进入项目目录:
```bash
cd my-project
```
2. 启动开发服务器:
运行以下命令启动开发服务器:
```bash
npm run serve
```
或者使用 yarn:
```bash
yarn serve
```
这将在默认的 8080 端口上启动开发服务器。
打包项目
1. 构建生产环境:
在命令行中运行以下命令,以构建生产环境的项目:
```bash
npm run build
```
或者使用 yarn:
```bash
yarn build
```
其他命令
`vue add
`vue config`:配置 Vue CLI。
`vue inspect`:检查项目配置。
以上就是使用 Vue CLI 的基本步骤。如果你是 Vue.js 的初学者,建议仔细阅读官方文档,以获取更详细的信息。