如何使用vue ui创建vue项目

2020-10-21   阅读:142   分类:前端    标签: Vue

前提,已安装vue脚手架,安装脚手架工具vue-cli,常见问题参考:这篇文章, https://www.tpxhm.com/fdetail/307.html

1、Window进入cmd命令控制台,输入

vue ui

image.png

2、执行命令后,浏览器会打开创建页面。

image.png

3、点击创建按钮,进入到目录选择页面

image.png

4、输入项目名,已经git初始化信息

image.png

5、预设就是一套定义好的插件和配置。 你也可以将自己的配置保存成预设,方便以后创建项目使用。这里我们选择手动

image.png

6、选择手动,进入下一步,我们安装bable、Router、Linter、使用配置文件

image.png

7、点击下一步

image.png

这里提示是否选择默认路由,这里我们选择关闭,最后点击创建项目

image.png

8、是否保存为预设,这里我们选择不保存

image.png

正在创建项目

image.png

经过一段时间的等待,我们的项目就创建好了。

image.png

9、添加插件

image.png

安装vue-element插件

image.png

配置插件

image.png

安装运行依赖axios

image.png

搜索依赖,并点击安装

image.png

【腾讯云】11.11 云上盛惠,云产品限时抢购,1核2G云服务器首年88元

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/477.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

上一篇:没有更多了文章

下一篇: TP5搜索分页

文章评论(0)

登录
简忆博客壁纸 头像

简忆博客
仕而优则学,学而优则仕。

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×