vue脚手架提供了图形界面操做项目,比以前经过命令操做的形式还要简单,如下是使用的步骤:javascript
一、全局安装@vue/cli脚手架工具vue
npm i @vue/cli -g {使用淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org}
二、启动GUI建立项目向导,win+r ,cmd,输入:
java
vue ui
三、点击建立,选择安装路径,ios
详情:输入项目名称,包管理器选择npm,初始化Git仓库填:init project ,点击下一步。vue-cli
预设:选择手动。npm
功能:选择Bable,Router,Liner|Formatter及使用配置化axios
配置:less
1)Use history made for router?(关闭)工具
2)pick a Linter ... Select(选择ESLint + Standard config)ui
3) Lint on save (dakai 保存时会自动进行格式校验)
四、以上完成后,开始配置ElementUI组件库,选择插件,输入:vue-cli-plugin-element ,点击下载
1)How ... install element : 选择 import on demand
2) 语言模式:zh-CN(默)(默认就行)
五、配置axios库,选择依赖,输入axios 安装
六、依赖-开发依赖,下载less-loader (使用vue UI不会自动添加less-loader依赖,须要本身手动下载),同时还要下载less,less-loader依赖于less.
七、elementui组件,按需导入