vue脚手架通过UI界面创建项目

vue脚手架提供了图形界面操作项目，比之前通过命令操作的形式还要简单，以下是使用的步骤：

1、全局安装@vue/cli脚手架工具

npm i @vue/cli -g  ｛使用淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org｝

2、启动GUI创建项目向导,win+r ,cmd,输入：


vue ui

3、点击创建，选择安装路径，

详情：输入项目名称，包管理器选择npm，初始化Git仓库填：init project ，点击下一步。

预设：选择手动。

功能：选择Bable，Router，Liner|Formatter及使用配置化

配置：

1）Use history made for router?(关闭)

2）pick a Linter ...  Select（选择ESLint + Standard config）

3)  Lint on save (dakai 保存时会自动进行格式校验)

4、以上完成后，开始配置ElementUI组件库，选择插件，输入：vue-cli-plugin-element ,点击下载

1）How  ... install element : 选择 import on demand

2) 语言模式：zh-CN(默)(默认就行)

5、配置axios库，选择依赖，输入axios 安装

6、依赖-开发依赖，下载less-loader (使用vue UI不会自动添加less-loader依赖，需要自己手动下载),同时还要下载less,less-loader依赖于less.

7、elementui组件，按需导入