用vue ui创建新的vue项目

用vue ui创建新的vue项目

vue3.0以上才会有vue ui功能

一、创建新vue项目

1.在命令行里面输入vue ui

用vue ui创建新的vue项目_第1张图片

2.进入创建新项目页面

用vue ui创建新的vue项目_第2张图片

输入项目名称,填写git初始化提交信息,下一步

3.预设面板

用vue ui创建新的vue项目_第3张图片
可以选择以前创建过的预设,也可以重新手动配置项目,下一步

4.进入功能面板,选择项目所需要的功能

用vue ui创建新的vue项目_第4张图片
一定要有Babel和Linter / Formatter(代码格式校验)、使用配置文件,其他根据需要选择,下一步

5.进入配置面板

用vue ui创建新的vue项目_第5张图片
第一项,是否选择历史路由,关闭,推荐只用hash方式

第二项,选中ESLint + Standard config标准配置文件

第三项,Link on save只要保存,就对所写代码进行格式校验

6.创建项目,会有弹窗“是否保存为新的预设”

之后,等待创建项目
用vue ui创建新的vue项目_第6张图片

二、安装配置Element-ui插件

选中左侧“插件”,点击“添加插件”
用vue ui创建新的vue项目_第7张图片
搜索vue-cli-plugin-element插件,然后选择它,安装
用vue ui创建新的vue项目_第8张图片
配置插件
用vue ui创建新的vue项目_第9张图片
第一项,想要怎么引入这个组件,默认是引入完整的,可以选择import on demand按需导入

之后,点击完成安装即可

三、配置axios库

选择“依赖”,点击“安装依赖”
用vue ui创建新的vue项目_第10张图片

安装新的依赖 => 运行依赖 => 搜索axios => 安装
用vue ui创建新的vue项目_第11张图片

四、前端项目初始化步骤

  • 安装vue脚手架
  • 用过vue脚手架创建项目
  • 配置vue路由
  • 配置Element-ui组件库
  • 配置axios库

你可能感兴趣的:(vue)