使用vue ui创建vue项目(基于图形化界面的方式)
前提:
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: