ITPub博客

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

vue.js 饿了么APP(8)项目总结

原创 数据库开发技术 作者:啊一个女程序员 时间:2022-01-11 21:17:00 0 删除 编辑

小七最近学习了一个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还有更好的学习办法,或者学习的方法和渠道,欢迎大家给出宝贵的意见。


在此,小七谢谢大家的支持!!!


●html的中国地图

● ssm搭建,并附带源码,源码仅供学习,希望能帮助大家,有自动生成代码的操作哦!!!

● 去水印

●Java日志框架slf4j、jcl、jul、log4j1、log4j2、logback大总结

● Socket编程及mina框架简单示例

● 第一个springboot应用

●Spring boot Mybatis 整合(完整版)

●angularjs-一款优秀的前端框架

●java-PDFBox解析PDF文档

●angular+bootstrap+html 框架后台管理系统

●angular1和angular2的差别

●oracle手动启动服务,服务的含义,怎么自动启动,了解oracle

●Spring boot Mybatis 整合(完整版)

●spring Cloud 的五大核心组件

●SpringCloud之Eureka使用篇

●基于springcloud搭建项目-Ribbon篇

●基于springcloud搭建项目-Feign篇

●基于springcloud搭建项目-Hystrix篇

●基于SpringCloud搭建项目-Zuul篇

我是小七

需要域名

记得找小七

喜欢的记得收藏

喜欢记得转发

谢谢关注小七


长按识别二维码更多精彩


代开微信公众号

代写文章

代开流量主

微信公众号运维

软件开发

软件制作

有需要找小七







原文作者:啊一个女程序员;如有侵权,请联系管理员删除。

请登录后发表评论 登录
全部评论

注册时间:2021-02-11

  • 博文量
    120
  • 访问量
    47836