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

前提:入坑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



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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容