<>用vue ui创建新的vue项目
vue3.0以上才会有vue ui功能
<>一、创建新vue项目
<>1.在命令行里面输入vue ui
<>2.进入创建新项目页面
输入项目名称,填写git初始化提交信息,下一步
<>3.预设面板
可以选择以前创建过的预设,也可以重新手动配置项目,下一步
<>4.进入功能面板,选择项目所需要的功能
一定要有Babel和Linter / Formatter(代码格式校验)、使用配置文件,其他根据需要选择,下一步
<>5.进入配置面板
第一项,是否选择历史路由,关闭,推荐只用hash方式
第二项,选中ESLint + Standard config标准配置文件
第三项,Link on save只要保存,就对所写代码进行格式校验
<>6.创建项目,会有弹窗“是否保存为新的预设”
之后,等待创建项目
<>二、安装配置Element-ui插件
选中左侧“插件”,点击“添加插件”
搜索vue-cli-plugin-element插件,然后选择它,安装
配置插件
第一项,想要怎么引入这个组件,默认是引入完整的,可以选择import on demand按需导入
之后,点击完成安装即可
<>三、配置axios库
选择“依赖”,点击“安装依赖”
安装新的依赖 => 运行依赖 => 搜索axios => 安装
<>四、前端项目初始化步骤
* 安装vue脚手架
* 用过vue脚手架创建项目
* 配置vue路由
* 配置Element-ui组件库
* 配置axios库
技术
今日推荐