cli3创建vue

Vue CLI是一个官方发布的用于快速搭建Vue.js项目的脚手架工具。使用Vue CLI可以帮助我们快速创建一个Vue项目，并且提供了一些常用的配置和工具，以便于我们进行开发和构建。

我们需要安装Vue CLI。在命令行中运行以下命令来全局安装Vue CLI：

shell

npm install -g @vue/cli

安装完成后，我们可以使用`vue create`命令来创建一个新的Vue项目。在命令行中运行以下命令：

shell

vue create my-project

这将创建一个名为`my-project`的新目录，并在其中生成一个基本的Vue项目。在创建过程中，Vue CLI会提示我们选择一些配置选项，例如选择一个预设（preset）或手动配置。预设是一组预先配置好的选项，可以帮助我们快速搭建一个常见的项目结构和配置。

如果选择手动配置，Vue CLI将会提供一系列的选项供我们选择，例如是否使用Babel、是否使用TypeScript、是否使用ESLint等。我们可以根据项目的需求选择适合的选项。

例如，我们可以选择默认的预设，它包含了常用的Babel和ESLint配置：

shell

? Please pick a preset: default (babel, eslint)

选择完预设后，Vue CLI会开始安装依赖并生成项目的基本结构。安装完成后，我们可以进入项目目录并运行开发服务器：

shell

cd my-project
npm run serve

这将启动一个开发服务器，我们可以在浏览器中访问`http://localhost:8080`来查看项目。

除了创建项目，Vue CLI还提供了一些其他的命令和功能。例如，我们可以使用`vue add`命令来添加插件和额外的功能：

shell

vue add @vue/eslint

这将添加ESLint插件，并在项目中配置ESLint。我们可以根据需要选择不同的插件来扩展项目的功能。

Vue CLI还提供了一些用于构建和部署项目的命令。例如，我们可以使用`npm run build`命令来构建项目的生产版本：

shell

npm run build

这将生成一个优化过的、可部署的版本，并将其输出到`dist`目录中。

总结来说，Vue CLI是一个非常实用的工具，可以帮助我们快速搭建和开发Vue项目。它提供了一些常用的配置和工具，使得我们的开发过程更加高效和便捷。通过选择合适的预设和插件，我们可以根据项目的需求来定制我们的Vue项目。