当前位置: IEfans / 新闻资讯 / 软件教程/ vue-cli3怎么快速自动创建vue前端项目开发工程

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

编辑:秩名2019-11-06 15:11

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

方法/步骤分享:

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

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

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

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

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

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

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

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

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

标签: vue-cli3

返回旧版Copyright © 1998-2019 www.iefans.net All Rights Reserved 湘ICP备13012168号 QQ:2522443851