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组件,按需导入