2.通过vue ui(vue脚手架)快速创建项目步骤

1.打开Vue项目管理器

win+R,输入cmd,回车打开终端,输入vue ui,回车。
在这里插入图片描述
默认浏览器会打开8080端口Vue项目管理器。
在这里插入图片描述

2.创建项目

2.1 点击“创建”,选择存放项目的目录,点击“在此创建新项目”

在这里插入图片描述

2.2 设置详情

设置项目文件夹名称、包管理器、更多选项和Git等项目初始设置。其中项目文件夹必填。
在这里插入图片描述
点击“下一步”

2.3 进行预设

如果已经有预设模板,可以直接选择对应的选项。否则,可以选择手动。
在这里插入图片描述
点击“下一步”

2.4 选择功能

选择功能,就是选择项目需要的插件进行安装。
在这里插入图片描述
通常需要Babel、Router、使用配置插件,其他根据项目需求进行选择,即使在项目创建之后,你仍然可以通过安装插件来增加功能。
注意:千万不要配置eslint插件,否则vue项目会因为编译问题寸步难行。信我,一定信我。
点击“下一步”

2.5 进入配置

配置如图
在这里插入图片描述
点击“创建项目”.
在这里插入图片描述
如果需要保存预设,下次使用,可以设置预设名,点击“保存预设并创建项目”。否则点击“创建项目,不保存预设”。

3.项目创建完成

项目创建完成,跳转到项目仪表盘
在这里插入图片描述
本地也可以看到项目的内容
在这里插入图片描述
到这里,一个使用vue ui创建的简单vue项目就完成创建了。

4.添加插件

4.1 选择安装插件

点击“插件”,输入关键字选择需要的插件,比如安装Element组件库,输入element,勾选需要的插件,点击“安装vue-cli-plugin-element”
在这里插入图片描述

4.2插件配置

不同插件配置不同,element组件选择按需导入,否则会导致项目太过臃肿。
在这里插入图片描述
点击“完成安装”,则element-ui组件安装完成。

5.添加依赖

5.1选择安装依赖

点击“依赖”,“安装依赖”,比如需要安装axios,则搜索“axios”,选择对应的依赖,点击“安装axios”
在这里插入图片描述

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Sheldon一蓑烟雨任平生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值