如何运行github上的mpvue小程序开源项目

在安装好了node和vue脚手架之后,就可以找一个例子来本地运行一下了

以mpvue答题小程序项目源码/mpvue微信小程序demo 为例
下载地址:https://gitee.com/423555593/datixiaochengxu.git

1:打开链接,将项目download到本地

如何运行github上的mpvue小程序开源项目

 码云和github下载的方法一样,都是点上图中的复制按钮,在本地文件夹里右键点击git bash here 用命令git clone + 复制下来的地址,按回车出现下图100%就是已经把线上的项目下载到了本地

如何运行github上的mpvue小程序开源项目

2:使用git或者cmd进入项目目录,安装依赖,为了避免国外服务器网速慢,我们使用国内淘宝镜像安装。

cnpm install

安装依赖,依赖可以在package.json中看到

3:安装完成之后,输入运行命令

npm run dev

如何运行github上的mpvue小程序开源项目

 安装预览的时候,不是用浏览器打开输入:localhost:8080。而是打开微信开发者工具,把项目根目录导入进去。

 如何运行github上的mpvue小程序开源项目

cncnpm

导入项目的时候如果没有appID,可以用测试号这样项目就运行好了