前提:

1.打开cmd ,安装vue脚手架

 npm install -g @vue/cli

2.若之前安装过无需重新安装;直接在cmd 中输入vue ui

若输入vue ui 后无反应,则是安装的脚手架版本太低,直接升级脚手架版本就行;输入 cnpm i -g @vue/cli

安装完成后重新输入vue ui
在这里插入图片描述
等待自动打开浏览器;
在这里插入图片描述

创建项目步骤:

①点击创建
在这里插入图片描述

②选择目录后,点击在此创建项目
③输入项目名称,填写git仓库建议 init project ,其他项默认
在这里插入图片描述

④点击下一步,选择默认配置,或手动配置;若是第一次创建项目选择手动配置;
⑤选择功能;选择Bable,Router,Linter及使用配置文件 四项开启,点击下一步

⑥相关配置;点击创建项目,保存为新预设(方便下次直接使用),点击保存预设并创建项目;
在这里插入图片描述
在这里插入图片描述
⑦等待项目创建完成(首次创建较慢)
⑧配置element-ui库(以下为视频截图),添加插件–搜索到后选中,右下角点击【安装】
在这里插入图片描述
配置插件设置:
在这里插入图片描述

⑨配置axios库:点击【依赖】–【安装依赖】
在这里插入图片描述
在这里插入图片描述

⑩点击到【任务】,点击运行
在这里插入图片描述
运行成功后显示编译成功,点击启动app:
在这里插入图片描述
在这里插入图片描述

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐