栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 生活办公 > 软件使用

vue-cli3怎么快速自动创建vue前端项目开发工程

软件使用 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

vue-cli3怎么快速自动创建vue前端项目开发工程?这是我们经常会遇到的问题。如何解决这个问题呢?接着往下看ie小编为您带来的快速自动创建vue前端项目开发工程步骤一览。


vue-cli3怎么快速自动创建vue前端项目开发工程

方法/步骤分享:

1. 参考经验升级vue-cli2到3,或者自己安装最新版本:http://jingyan.baidu.com/article/0a52e3f46fffdbff62ed72da.html


vue-cli3怎么快速自动创建vue前端项目开发工程

2、2. 创建好项目后,打开控制台,输入命令如下:vue create vue-zhh-worl-tool-2


vue-cli3怎么快速自动创建vue前端项目开发工程

3、3.步骤2后,出现如图的选择界面,使用方向键进行选择,选择如图所示的 Manually select features 后,按下回车键


vue-cli3怎么快速自动创建vue前端项目开发工程

4、4. 后续步骤中勾选如图所示的内筒(*) Router(*) Vuex(*) CSS Pre-processors( ) Linter / Formatter(*) Unit Testing


vue-cli3怎么快速自动创建vue前端项目开发工程

5、5. 进入到如图所示的指导页面,按下回车键进行自动搭建


vue-cli3怎么快速自动创建vue前端项目开发工程

6、6. 出现如图所示的命令,第一个是定位到项目的文件夹路径下,第二个是运行项目的命令


vue-cli3怎么快速自动创建vue前端项目开发工程

7、7. 运行命令: npm run serve, 结果显示如图所示,表示运行成功。打开浏览器输入http://localhost:8080/ 查看网页即可


vue-cli3怎么快速自动创建vue前端项目开发工程

8、8. 如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。


vue-cli3怎么快速自动创建vue前端项目开发工程

上文就是小编为您带来的快速自动创建vue前端项目开发工程步骤一览了,若还有疑问请多多关注考高分网!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1000561.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号