Vue.js是一款用于构建用户界面的渐进式JavaScript框架。它是由尤雨溪在华为工作期间创建的。Vue.js具有简洁、高效、灵活等特点。在开发过程中我们经常需要搭建Vue.js项目，而使用vue-cli可以帮我们快速搭建Vue.js项目。

vue-cli是Vue.js的官方脚手架。vue-cli提供了一些模板和插件，使我们可以快速创建和部署基于Vue.js的项目。本文将介绍如何使用vue-cli快速创建Vue.js项目。

1. 安装vue-cli

首先，我们需要在本地安装vue-cli。在命令行界面执行以下命令：

```

npm install -g vue-cli

```

2. 创建Vue.js项目

安装vue-cli后，我们可以使用vue-cli创建Vue.js项目。在命令行界面执行以下命令：

```

vue init webpack my-project

```

上述命令中，webpack是vue-cli提供的一种模板，my-project是你的项目名称。你也可以使用其他可用的模板。

然后，vue-cli会要求你回答一些问题，比如项目名称，项目描述，作者等。输入完毕后，vue-cli就会自动生成一个Vue.js项目。项目目录结构如下：

```

my-project/

├── build/

│ ├── build.js

│ ├── check-versions.js

│ ├── utils.js

│ ├── dev-client.js

│ ├── dev-server.js

│ ├── vue-loader.conf.js

│ ├── webpack.base.conf.js

│ ├── webpack.dev.conf.js

│ └── webpack.prod.conf.js

├── config/

│ ├── dev.env.js

│ ├── index.js

│ └── prod.env.js

├── src/

│ ├── assets/

│ │ └── logo.png

│ ├── components/

│ │ └── HelloWorld.vue

│ ├── router/

│ │ └── index.js

│ ├── App.vue

│ └── main.js

├── static/

├── .babelrc

├── .editorconfig

├── .eslintignore

├── .eslintrc.js

├── .gitignore

├── index.html

└── package.json

```

3. 运行Vue.js项目

创建完毕Vue.js项目后，我们需要进入项目目录，安装项目所需的npm包，并启动项目。在命令行界面执行以下命令：

```

cd my-project

npm install

npm run dev

```

上述命令中，cd表示进入项目目录，npm install表示安装项目所需的npm包，npm run dev表示启动项目。

然后在浏览器中打开http://localhost:8080/，即可看到Vue.js项目的界面。

4. 可选配置

除了上述命令外，我们还可以使用其他命令对Vue.js项目进行可选配置。

4.1 编译项目

执行以下命令可以编译项目：

```

npm run build

```

编译后的项目位于dist目录下。

4.2 执行测试

执行以下命令可以执行测试：

```

npm run unit

npm run e2e

npm test

```

4.3 自定义配置

Vue.js项目的配置文件位于config目录下。我们可以根据需要修改配置文件。

5. 结论

通过vue-cli，我们可以快速创建和部署基于Vue.js的项目。使用vue-cli创建Vue.js项目的过程非常简单，只需要执行几个命令即可。希望本文能对你快速学习和使用vue-cli提供帮助。