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前端项目开发工程步骤一览了,若还有疑问请多多关注爱克下载!