miniprogram-demo icon indicating copy to clipboard operation
miniprogram-demo copied to clipboard

从仓库Issues区提炼出来的跑demo步骤【2024613版】:

Open unarelax opened this issue 1 year ago • 7 comments

1、本地必须安装:git,npm

2、git clone https://github.com/wechat-miniprogram/miniprogram-demo.git

注:默认根目录为:miniprogram-demo,后续操作全部在根目录执行,miniprogram那个子目录看起来很诱惑,但不需要在这个或其他任何子目录做任何操作或执行命令;

3、微信开发者工具 小程序->导入,导入目录为根目录 ,appID使用测试号,导入后不出意外必定报错,先不管

4、打开根目录下的package.json,将"@tencent/eslint-config-wxapp": "^0.5.2" 改为 "eslint-config-wxapp": "^1.0.0"

5、打开根目录下的.gitmodules,将[submodule "miniprogram/packageSkylineExamples"]项的 url=xxx 那行改为 url = https://github.com/wechat-miniprogram/awesome-skyline.git

6、根目录下执行命令 npm install --legacy-peer-deps

7、根目录下执行命令 npm run init --legacy-peer-dep

8、开发者工具 工具->构建npm

unarelax avatar Jun 13 '24 03:06 unarelax

这么好的操作指南,为什么不放到主页呢?另外,还要加一句:如果 第7步(npm run init --legacy-peer-dep)报错的话,修改 .git文件夹下的config文件,类似这样: [submodule "miniprogram/packageSkylineExamples"] active = true url = https://github.com/wechat-miniprogram/awesome-skyline.git 参考:https://blog.csdn.net/Gherbirthday0916/article/details/124391918

ewwerpm avatar Jun 19 '24 08:06 ewwerpm

npm install --legacy-peer-deps 这一步执行了很久是正常的么

halegreen avatar Sep 08 '24 09:09 halegreen

npm install --legacy-peer-deps 这一步执行了很久是正常的么

npm config set registry https://registry.npmmirror.com

切换至国内镜像源

zzwwaq avatar Oct 01 '24 02:10 zzwwaq

参考您的第4点 package.json 修改 eslint-config-wxapp,我已经提交了PR, https://github.com/wechat-miniprogram/miniprogram-demo/pull/152/files @unarelax

Johnwjl avatar Oct 14 '24 13:10 Johnwjl

答疑解惑之良方,太赞了

SuperBaBa avatar Oct 17 '24 17:10 SuperBaBa

还没成功,先顶一个

yell93 avatar Nov 22 '24 06:11 yell93

1、本地必须安装:git,npm

2、git clone https://github.com/wechat-miniprogram/miniprogram-demo.git

注:默认根目录为:miniprogram-demo,后续操作全部在根目录执行,miniprogram那个子目录看起来很诱惑,但不需要在这个或其他任何子目录做任何操作或执行命令;

3、微信开发者工具 小程序->导入,导入目录为根目录 ,appID使用测试号,导入后不出意外必定报错,先不管

4、打开根目录下的package.json,将"@tencent/eslint-config-wxapp": "^0.5.2" 改为 "eslint-config-wxapp": "^1.0.0"

5、打开根目录下的.gitmodules,将[submodule "miniprogram/packageSkylineExamples"]项的 url=xxx 那行改为 url = https://github.com/wechat-miniprogram/awesome-skyline.git

6、根目录下执行命令 npm install --legacy-peer-deps

7、根目录下执行命令 npm run init --legacy-peer-dep

8、开发者工具 工具->构建npm

按照上面步骤,依然无法运行成功,记录一下关键点,

下面是,我运行成功了的补充信息,供参考:

第2、要科学上网,如果科学上网也无法克隆,那么开启“全局模式+TUN模式” 第6、需要关闭科学上网,建议配置国内镜像(npm config set registry https://registry.npmmirror.com),然后再执行 npm install --legacy-peer-deps 第7、需要打开科学上网,与第2、一样,再执行 npm run init --legacy-peer-dep 第8、构建npm完成还是有可能在模拟器中出不来,并且控制台出现这个错误 [skyline-devtools] The current public lib is not support skyline feature.,需要在 右上角 -> 详情 -> “开启Skyline 渲染调试” 取消勾选

Image

xieerduos avatar Feb 08 '25 03:02 xieerduos