Vue.js是一个前端框架，能够帮助开发者构建现代化的Web应用程序。Vue-cli是Vue.js官方提供的命令行工具，可以快速搭建Vue.js项目的基础。本文将重点介绍如何使用vue-cli创建项目。

1. 环境与安装

首先需要确认安装了Node.js和npm。使用vue-cli需要保证npm的版本在3以上。如果您的npm版本过低，可以通过以下命令更新它：

```

npm install -g npm

```

安装完成后，使用以下命令安装vue-cli：

```

npm install -g vue-cli

```

2. 使用vue-cli创建项目

安装完成vue-cli后，通过以下命令可以创建一个基础的Vue.js项目：

```

vue init webpack my-project

```

其中，“webpack”是Vue.js官方推荐的打包工具，用于将项目代码转换为浏览器可识别的代码。

在输入命令后，系统会要求填写一些项目信息，例如项目名称、作者等。这些信息可以根据需要自行填写。完成这些信息的填写后，命令行会自动生成项目文件。

3. 目录结构

创建成功后，会发现项目代码生成了一些文件，包括一个“node_modules”文件夹和一个“src”文件夹。其中，“node_modules”文件夹用于存放该项目所需的所有依赖模块，而“src”文件夹是该项目的源代码文件夹。

在“src”文件夹中，主要包含以下文件和文件夹：

- App.vue：这是Vue.js项目中的主要入口组件。

- main.js：这是main文件，用于引入Vue.js和其他相关的插件。

- components文件夹：存放项目所有的组件。

同时，还会有一些配置文件和文档，包括：

- index.html：Vue.js项目的主要页面。

- package.json：Vue.js项目的依赖管理文件。

- README.md：该文件是项目的说明文件，包括了如何运行该项目、如何新增功能、如何提交代码等等。

4. 运行项目

在完成上述步骤后，我们就可以运行该项目了。在命令行中输入以下命令启动项目：

```

npm run dev

```

该命令会启动一个开发服务器使你可以通过浏览器访问到该项目。你可以在浏览器中访问localhost:8080来看到该项目的页面。

5. 打包项目

当我们完成了项目的开发，需要将项目打包为静态文件以便于部署到线上服务器上。可以使用以下命令生成静态文件：

```

npm run build

```

该命令会将项目的代码打包为一个文件及一些静态资源文件，将这些文件上传至线上服务器即可。

6. 结语

使用vue-cli创建项目可以快速搭建Vue.js项目的基础，并且，通过对不同的配置选项进行设置，可以快速生成符合不同需求的项目。