vue-cli3.X快速创建项目的方法步骤

Vue CLI 是 Vue.js 官方提供的一个脚手架工具，它可以帮助我们快速搭建一个 vue 项目，同时提供了很多优秀的插件，比如 vue-router、vuex 等。本文将介绍使用 Vue CLI 3.X 创建项目的详细步骤。

安装 Vue CLI 3.X

首先我们需要安装 Vue CLI 3.X，安装命令如下：

npm install -g @vue/cli

安装完成后，我们可以使用以下命令来检查是否成功安装：

vue --version

使用 Vue CLI 3.X 创建项目

1. 新建项目

vue create my-project

其中 my-project 是项目名称，可以自定义。运行该命令后，将会有一些配置项，可以根据自己的需要选择加入或不加入。

1. 安装依赖

进入项目目录后，运行以下命令：

npm install

这样就可以安装项目所需的依赖了。

Vue CLI 3.X 创建项目的实例

下面我们通过两个实例来演示使用 Vue CLI 3.X 快速创建项目的方法步骤。

实例一：创建基础项目

首先我们创建一个基础项目，具体步骤如下：

1. 执行 vue create 命令创建项目

vue create my-project

1. 选择所需的预设配置

使用上下箭头进行选择，然后按回车确认即可。

1. 等待项目创建完成

创建完成后，进入目录并安装依赖：

cd my-project
npm install

1. 运行项目

npm run serve

1. 在浏览器中查看效果

在浏览器中访问 http://localhost:8080，即可查看效果。

实例二：创建 TypeScript 项目

接下来我们创建一个 TypeScript 项目，具体步骤如下：

1. 使用 vue create 命令创建 TypeScript 项目

vue create my-ts-project --default -t typescript

其中 my-ts-project 是自定义的项目名称。

1. 进入项目目录并安装依赖

cd my-ts-project
npm install

1. 运行项目

npm run serve

1. 在浏览器中查看效果

在浏览器中访问 http://localhost:8080，即可查看效果。

以上就是使用 Vue CLI 3.X 快速创建项目的方法步骤，不同的项目类型可以通过 vue create 命令来创建。需要注意的是，创建项目时可以根据需要选择自己所需的插件和配置。