本地运行github上的vue2.0仿饿了么webapp项目
在vue刚刚开始流行的时候,大多数人学习大概都见到过这样的一个项目吧,可以作为学习此框架的一个模板了
github源码地址:https://github.com/RegToss/Vue-SPA
课程教程:http://coding.imooc.com/class/74.html
首先搭建好vue的运行环境
1:安装node
端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。
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 --global vue-cli 回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;
输入命令:cnpm install --global vue-cli
准备就绪,开始步骤
1:从github上下载此项目,放在E盘里面备用
2:进入代码根目录安装依赖:
npm install --save-dev
3:运行项目
$ npm run dev
在浏览器打开:http://localhost:8080
4:发布代码:
$ npm run build
发布完代码后会生成dist目录,保存着项目的所有可运行的代码。
原文作者:祈澈姑娘
技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。
转载于:https://www.cnblogs.com/ting6/p/9725296.html
本地运行github上的vue2.0仿饿了么webapp项目相关推荐
- vue2.0仿饿了么webAPP项目
# webapp vue2.x仿饿了么app项目总结 项目地址:https://github.com/harrietjia/vue2-webapp.git 如果觉得有帮助,希望可以在右上角给我个sta ...
- 饿了吗app都是用html写的,Vue2.0仿饿了么webapp单页面应用详细步骤
这篇文章主要为大家详细介绍了Vue2.0仿饿了么webapp单页面应用详细步骤,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 部分截图 [图片暂 ...
- VUE2.0仿饿了吗app
效果展示链接:https://wujingj.gitee.io/elema 码云原码链接:https://gitee.com/wujingj/elema
- Vue2.0 仿滴滴出行项目
Vue2.0 仿滴滴出行项目 最近,各大社区出现很多小伙伴的vue项目,趁着这股热潮我也用vue撸了一个滴滴出行的项目. 效果预览 在线预览:demo 项目地址:github 主要技术栈 vue2.0 ...
- 最新 vue2.x 仿饿了么app商家页面 项目总结
最新vue2.x仿饿了么app 商家页面 项目总结 标签(空格分隔): vuejs 前言 仿饿了么app是基于vue2.x最新实战项目,用到的技术栈 vue2 + vue-router2 + vue- ...
- github上可供新手阅读和玩耍的java项目有哪些??
扫垃圾 ,Java 爱好者, 前沿技术思考者 刘巍然-学酥 等 217 人赞同 一个聊天程序范例: tinystruct2.0/smalltalk.java at master · m0ver/tin ...
- GitHub 上 57 款最流行的开源深度学习项目【转】
GitHub 上 57 款最流行的开源深度学习项目[转] 2017-02-19 20:09 334人阅读 评论(0) 收藏 举报 分类: deeplearning(28) from: https:// ...
- GitHub上50个最受欢迎的PHP开源项目【2019】
2019年过去一大半了,PHP中文网为你总结整理下GitHub上在2019年都有哪些流行的PHP相关开源项目,以下是按照GitHub Stars排序的,欢迎参考! GitHub上50个最受欢迎的PHP ...
- 【NLP】GitHub 上有哪些有趣的关于 NLP 的Python项目?
知乎上有人提问:GitHub 上有哪些有趣的关于 NLP 的Python项目? 先来说说什么是NLP? 自然语言处理(NLP)的重点是使计算机能够理解和处理人类语言.计算机擅长处理结构化数据,如电子表 ...
最新文章
- 我的世界java下载1.13_Minecraft Java版 1.13.1-pre2 发布
- Amazon Aurora是如何设计原生云关系型数据库的?
- 八皇后问题 (递归 搜索)
- 《系统集成项目管理工程师》必背100个知识点-63供应商选择
- 另一种方法做本地reuse library的开发
- 【Vue】Vue与ASP.NET Core WebAPI的集成
- 系统上线日期被老外逼得延期了!
- JavaScript的类型自动转换高级玩法JSFuck
- C# - ZIP 压缩流
- 实用的Portraiture滤镜磨皮教程
- SylixOS 内存管理源代码分析--vmmMalloc.c
- SpringBoot酒店管理系统 hotel.liuyanzhao.com
- MFC网络通信程序设计——网络聊天室
- 网络邻居没有查看工作组计算机,为什么网上邻居内看不到计算机工作组
- wkt文件java解析_WKT文件解析 以及各个投影坐标的wkt参数查询 | 学步园
- 以云为翼—走近神州数码武汉云基地
- core_cm3.h文件报错问题
- 微信小程序校园论坛+后台管理系统|前后分离VUE
- 网络远程访问的方式使用树莓派
- 详解matplotlib的color配置