前提:入坑vue.js,从GitHub上download一个vue.js的开源项目,发现不知如何在浏览器运行,通过查阅网上教程,发现网上的很多是教你怎么新建项目,并没有一个是教如何打开已有的项目。自已折腾了一下,成功搭建好项目环境,最终调试成功。现在将过程分享给大家。

首先,这个教程主要针对vue小白,并且不知道安装node.js环境的。言归正传,下面开始教程:

首先下载安装node.js
从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。

根据自己电脑选择32位/64位。安装好node,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口

安装cnpm
由于npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org

安装webpack
npm install webpack -g

安装vue-cli
cnpm install vue-cli -g
这个过程会耗时十几秒,等走完就好

好了,到此整个环境就搭建好了

下面就是运行项目了

cd desktop/项目名称

进入项目之后安装依赖
npm install 
安装成功后你会发现项目里多了个

然后
npm run dev

自动启动浏览器就会打开项目了

转载于:https://www.cnblogs.com/telwanggs/p/9935600.html

如何运行vue项目(从gethub上download的开源项目)相关推荐

  1. GitHub上优秀的开源项目(转载)

    GitHub上优秀的开源项目(转载) 转载出处:https://github.com/Trinea/android-open-project 第一部分 个性化控件(View) 主要介绍那些不错个性化的 ...

  2. 2020年10月份Github上热门的开源项目

    10月份GitHub上最热门的Java开源项目排行已经出炉啦,一起来看看上榜详情吧: 1. base-admin https://github.com/huanzi-qch/base-admin St ...

  3. 如何在 GitHub 上高效搜索开源项目(转载)

    如何在 GitHub 上高效搜索开源项目 查看全文 http://www.taodudu.cc/news/show-1347360.html 相关文章: Mybatis.cfg配置标签的顺序问题 To ...

  4. linux上有趣的项目,介绍几款有趣的开源项目

    Craft Minecraft这款游戏相信不少人都玩过吧,此游戏的简单开源版本,适用Windows, Mac OS X 和 Linux,有兴趣的可以去研究一番. verlet-js verlet-js ...

  5. .Net资讯 | 一大波开发者福利来了, 一份微软官方Github上发布的开源项目清单等你签收...

    目录 微软Github开源项目入口 微软开源项目受欢迎程度排名 Visual Studio Code TypeScript RxJS .NET Core 基础类库 CNTK Microsoft cal ...

  6. Android项目笔记【项目管理统计图app】:使用github上的cardslib开源项目实现CardView(1)...

    因为项目中用到第三级菜单,我们原有的界面框架已经不适用于该项目,Android L出了新的cardview设计,爬了下github发现有些高手已经把card整合为更方便调用的类库了,我这个项目就准备试 ...

  7. 1月份Github上热门Python开源项目

    1月份GitHub上最热门的Python开源项目排行已经出炉啦,一起来看看上榜详情: 1. fastapi https://github.com/tiangolo/fastapi Star 9051 ...

  8. 28款GitHub最流行的开源机器学习项目,推荐GitHub上10 个开源深度学习框架

    20 个顶尖的 Python 机器学习开源项目 机器学习 2015-06-08 22:44:30 发布 您的评价: 0.0 收藏 1收藏 我们在Github上的贡献者和提交者之中检查了用Python语 ...

  9. python开源社区汇总_Github上热门Python开源项目盘点

    5月份GitHub上最热门的Python开源项目排行已经出炉啦,一起来看看上榜详情吧: 1. manim https://github.com/3b1b/manim Star 19308 manim是 ...

最新文章

  1. adc采样的值跳动_嵌入式er必知:模数采样知多少(最全总结)
  2. jquery实现层级显示 效果图_php运用无限级分类实现评论及回复功能
  3. 利用微软Atlas消费外部Web服务
  4. 【题解】luogu p1111 修复公路
  5. com技术内幕 代码_CFan科学院:零门槛极速抠图技术探秘
  6. python之数据库连接
  7. matlab对多个矩阵循环,MATLAB:在不使用循环的情况下提取矩阵的多个部分
  8. Docker基础入门总结
  9. CentOS RPM源镜像源(国内+国外)
  10. array 前端面试题_一则关于js数组的前端面试题
  11. 中华人民共和国公安部令 第 82 号- 互联网安全保护技术措施规定
  12. H3CPPPOE拨号
  13. 计算机安装微信打不开,微信电脑版打不开怎么办?解决办法如下
  14. 1.2Android 5.1-7.1 高通驱动修改
  15. 字节跳动开启员工暴富计划,大手笔回购期权,有人最高能赚175%
  16. request、response
  17. Lae程序员小漫画,仅供一乐!
  18. 周鸿祎:写区块链最好的一篇文章
  19. 阿里大数据ACP认证对找工作到底有用嘛?
  20. git问题:head detached at xxxx

热门文章

  1. CPU是如何处理指令的
  2. Linux之内核调试sysrq
  3. (52)FPGA基础编码D触发器(一)
  4. (48)System Verilog数组定位
  5. STM32F103:三.(1)步进电机
  6. STM32F407ZGT6 fatfs出现挂载成功,但是文件读写失败的原因
  7. STM32F103串口收发
  8. android输入自动补全,Android用户输入自动提示控件AutoCompleteTextView使用方法
  9. arm 饱和指令_ARM内核全解析,从ARM7,ARM9到CortexA7,A8,A9,A12,A15到CortexA53,A57
  10. OK6410开发板学习之外部中断(按键点亮led和蜂鸣器)