Vue CLI 3

Vue CLI 3 是 Vue.js 官方提供的标准化脚手架工具，可以快速搭建 Vue.js 单页面应用（SPA）或多页面应用（MPA）。

从预设创建 Vue 项目

使用 Vue CLI 3 创建一个新项目，可以试试下面的命令：

vue create from preset

这个命令会启动交互式配置工具，让你选择一系列的配置项。如果你不想一步步选择，还可以通过指定预设（preset）来快速创建项目。

预设 （preset）

预设是一组预定义配置项，可以快速创建某些类型的项目。Vue CLI 3 提供了一些预设，比如：

• default：默认Vue.js应用程序
• pwa：Progressive Web App (PWA)
• webpack：使用自定义WebPack配置的项目
• vue-router：使用Vue Router

可以通过如下命令创建一个新项目，使用 vue-router 预设：

vue create from preset --preset vuejs/vue-router

你也可以指定一个包含配置文件的 Git 仓库，这个仓库可以包含一个或多个预设：

vue create from preset --preset username/repo

如果你想自己开发一个预设，可以参考 Vue CLI 3 文档。

使用 Bash 脚本创建项目

除了使用交互式工具和预设创建项目，你还可以使用 Bash 脚本自动化创建项目。这样可以减少人工操作，提高效率。

下面是一个 Bash 脚本，它会使用 vue create 创建一个项目，并设置一些基本配置：

#!/bin/bash

project_name="my-project"
use_yarn="true"
use_router="true"
use_linter="true"
use_test="true"

vue create $project_name \
  --package-manager $use_yarn && \
cd $project_name && \

if [ "true" = "$use_router" ]; then
  vue add router --lint false
fi

if [ "true" = "$use_linter" ]; then
  vue add eslint
fi

if [ "true" = "$use_test" ]; then
  vue add @vue/unit-jest
fi

yarn serve

在脚本中，你可以设置项目名称（project_name）、是否使用 Yarn（use_yarn）、是否使用 Vue Router（use_router）、是否使用 ESlint（use_linter）和是否使用 Jest（use_test）。

如果你想定制更多的配置项，可以查看 vue create --help 命令的帮助文档。

Markdown 格式的代码片段

# Vue CLI 3

Vue CLI 3 是 Vue.js 官方提供的标准化脚手架工具，可以快速搭建 Vue.js 单页面应用（SPA）或多页面应用（MPA）。

## 从预设创建 Vue 项目

使用 Vue CLI 3 创建一个新项目，可以试试下面的命令：

```shell
vue create from preset

这个命令会启动交互式配置工具，让你选择一系列的配置项。如果你不想一步步选择，还可以通过指定预设（preset）来快速创建项目。

预设（preset）

预设是一组预定义配置项，可以快速创建某些类型的项目。Vue CLI 3 提供了一些预设，比如：

• default：默认Vue.js应用程序
• pwa：Progressive Web App（PWA）
• webpack：使用自定义 WebPack 配置的项目
• vue-router：使用 Vue-Router

可以通过如下命令创建一个新项目，使用 vue-router 预设：

vue create from preset --preset vuejs/vue-router

你也可以指定一个包含配置文件的 Git 仓库，这个仓库可以包含一个或多个预设：

vue create from preset --preset username/repo

如果你想自己开发一个预设，可以参考 Vue CLI 3 文档。

使用 Bash 脚本创建项目

除了使用交互式工具和预设创建项目，你还可以使用 Bash 脚本自动化创建项目。这样可以减少人工操作，提高效率。

下面是一个 Bash 脚本，它会使用 vue create 创建一个项目，并设置一些基本配置：

#!/bin/bash

project_name="my-project"
use_yarn="true"
use_router="true"
use_linter="true"
use_test="true"

vue create $project_name \
  --package-manager $use_yarn && \
cd $project_name && \

if [ "true" = "$use_router" ]; then
  vue add router --lint false
fi

if [ "true" = "$use_linter" ]; then
  vue add eslint
fi

if [ "true" = "$use_test" ]; then
  vue add @vue/unit-jest
fi

yarn serve

在脚本中，你可以设置项目名称（project_name）、是否使用 Yarn（use_yarn）、是否使用 Vue Router（use_router）、是否使用 ESlint（use_linter）和是否使用 Jest（use_test）。

如果你想定制更多的配置项，可以查看 vue create --help 命令的帮助文档。