Vue脚手架---基于图形化界面的方式创建Vue项目

1.安装Vue脚手架

首先在终端中输入下面的命令来安装脚手架

npm i -g @vue/cli

2.打开浏览器面板

在终端中输入以下命令会进入到一个浏览器面板中

vue ui

界面就像这样：

3.创建项目

点击创建进入创建新项目页面

1.详情

输入项目文件夹名称，包管理器根据自身情况可以选择，初始化仓库选择开启，并输入init project

4.预设

第一次尽量选择手动

5.功能

推荐选择以下四项：

• Bable
• Router
• Linter/Formatter
• 使用配置文件

6.配置

ESLint 需要选择标准配置，如下图：

7.保存预设

可选可不选，如果为了以后方便创建vue项目可以选择

8.如果创建项目成功则显示以下界面

9.尝试运行项目

进行这三步，则会打开一个新窗口，则表示你已经完全创建成功了