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

13

前提:入坑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
图片描述
图片描述

自动启动浏览器就会打开项目了
图片描述

你可能感兴趣的

10 条评论
海阔天空 · 7月10日

楼主,按照你说的,一步一步来,在npm run dev 的时候报错了...

回复

0

报的什么错?看看

AaronYuan 作者 · 7月10日
0

@AaronYuan ...不能传截图,一大堆,我就选一些打上来吧
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-music@1.0.1 dev:'node build/div-server.js'
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-music@1.0.1 dev script.
npm ERR! This is probably not a problem with npm.There is likely additional logging output above.
不是错在npm,在网上下载的一个vue项目,没玩起来

海阔天空 · 7月10日
0

cd 项目之后,npm install 。npm install 不行的话,用cnpm install

AaronYuan 作者 · 7月10日
里昂了 · 6 天前

老哥 我放在桌面能进 在E盘进不去是什么情况

回复

0

cd desktop/. 是进入桌面 你在e盘,就要进入 cd e盘/ 项目路径错了就进不去。cd 你的项目路径。就OK了

AaronYuan 作者 · 5 天前
0

解决了老哥,先E:回车进E盘,再cd 路径,这篇文章很赞的以后有问题再请教你

里昂了 · 4 天前
载入中...