首页 > 数据库 > 数据库开发技术 > vue.js 饿了么APP(8)项目总结

小七最近学习了一个vue的项目,看了视频,看了一些源码 ,自己也搭建了一套源码,都是在网上下载的然后运行起来了。这套代码仅供学习参考,如果大家有需要的,记得评论视频,小七发给您。
本总结来源于慕课网 @ustbhuangyi老师的课程《Vue.js2.5+cube-ui重构饿了么App》课程,需要学习的伙伴可以移步学习。与君共勉!
小七最近翻看了视频,下载了代码,看了很多的博客,发现这套博客说明的是最清楚的,同时也下载了代码,仔细了研究了一下细节,对于vue的使用又有了新的认识,同时知识点也得到了扩充。
1,首先是安装node
端开发框架和环境都是需要Node.js,先安装node.js开发环境,vue的运行是依赖于node的npm的管理工具来实现的,下载地址(nodejs.org/en/)
2,查看node的版本号
下载好node之后,打开cmd管理工具,输入node -v,回车,查看node版本号,出现版本号则说明安装成功
node -v
复制代码
3,安装淘宝npm镜像
由于npm是国外的,使用起来比较慢,这里使用淘宝cnpm镜像来安装vue,淘宝的cnpm命令管理工具可以代替默认的npm管理工具
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
复制代码
4,安装全局vue-cli脚手架
淘宝镜像安装之后,我们就可以全局vue-cli脚手架,输入命令:cnpm install -g vue-cli回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功
cnpm install -g vue-cli
复制代码
5,初始化项目
Vue init webpack demo
复制代码
(demo指的是你新建的项目名称/文件名称)
6,运行项目
npm run server
复制代码
然后就会出来http://localhost:8080 把这个网址复制到浏览器中打开
7,发布代码
npm run build
复制代码
发布完代码后会生成dist目录,保存着项目的所有可运行的代码
以上就是关于项目部署的步骤。
我们可以通过一张图来认识一下本课程的知识结构

其实小七是想学习vue的PC端项目构建,以及elment的学习的,但是发现网上的这个教程特别的全, 就花了一个月的时间进行学习。
大家如果对月vue还有更好的学习办法,或者学习的方法和渠道,欢迎大家给出宝贵的意见。
在此,小七谢谢大家的支持!!!

● ssm搭建,并附带源码,源码仅供学习,希望能帮助大家,有自动生成代码的操作哦!!!
● 去水印
●Java日志框架slf4j、jcl、jul、log4j1、log4j2、logback大总结
●angular+bootstrap+html 框架后台管理系统
我是小七
需要域名
记得找小七
喜欢的记得收藏
喜欢记得转发
谢谢关注小七

代开微信公众号
代写文章
代开流量主
微信公众号运维
软件开发
软件制作
有需要找小七
原文作者:啊一个女程序员;如有侵权,请联系管理员删除。