gitee下载的东西该如何打包使用

Question

我是自学编程的爱好者，今天在 gitee 上下载了个JavaScript写的Html可视化编辑器，结果下载好发现好像只是 一堆文件 而不是能直接使用的软件，我学的是python,根本不会用它.

我网上搜了一些教程，安装了node.js，npm也有了，但是在软件目录下按照readme.md里要求的运行npm install安装依赖包的时候，最后老是会跳一堆红色ERR：

npm ERR! code 1
npm ERR! path D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\windows\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: D:\node\node.exe D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'D:\\node\\node.exe',
npm ERR! gyp verb cli   'D:\\htmlvisualization\\h5ve-design-master\\h5ve-design-master\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@16.18.1 | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:202:21)
npm ERR! gyp verb `which` failed  python2 Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:202:21) {
npm ERR! gyp verb `which` failed   code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb check python checking for Python executable "python" in the PATH
npm ERR! gyp verb `which` succeeded python D:\python3.8\python.EXE
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: D:\python3.8\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack   File "<string>", line 1
npm ERR! gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack                       ^
npm ERR! gyp ERR! stack SyntaxError: invalid syntax
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack     at ChildProcess.exithandler (node:child_process:402:12)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack     at maybeClose (node:internal/child_process:1100:16)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:304:5)
npm ERR! gyp ERR! System Windows_NT 10.0.19041
npm ERR! gyp ERR! command "D:\\node\\node.exe" "D:\\htmlvisualization\\h5ve-design-master\\h5ve-design-master\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd D:\htmlvisualization\h5ve-design-master\h5ve-design-master\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.18.1
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Local\npm-cache\_logs\2023-03-08T15_39_26_577Z-debug-0.log

我想知道：
1.这些错误是什么原因导致的，我该怎么顺利npm install，然后把它打包成我可以用的软件？
2.对这种 社区 下载下来的东西到底应该怎么去使用？

Answer 1

问题：
1.这些错误是什么原因导致的，我该怎么顺利npm install，然后把它打包成我可以用的软件？
2.对这种 社区 下载下来的东西到底应该怎么去使用？

---

第一个问题

• 问题
  看报错，环境中找不到python2导致的，说明你下载的这个可能因为依赖python2的环境，
• 解决方法
  在本地下载一个python2的安装包，安装并且添加到环境变量里面，
  安装可参考这个：
  https://blog.csdn.net/haoxun06/article/details/104365502

然后重新执行 npm 的对应命令,npm install之类的，参考README.md，

除此之外,需要注意node版本，尽量跟仓库中的node版本一致，否则安装可能会出现其他错误。

如果需要把它打包成你可以用的软件，

• 如果是前端(React Vue框架)的话，需要npm run build之类的命令，将页面打包成文件，然后nginx访问
• 如果是后端(Python)的话，需要 pyinstaller 打包成exe或者二进制可执行文件

这种都需要对应的语言基础，

• 还有一种简单的方法是直接用docker，编写一个dockerfile，
  将环境在docker打包配置好上传当docker hub，使用的时候直接下载这个docker容器到本地使用就行。

第二个问题

对这种 社区 下载下来的东西到底应该怎么去使用？

一般需要看对应的README.md，里面会有对应的使用说明，按照里面的步骤操作使用。
如果没有的话，那就需要

• 看它是什么语言，自己看代码推测了
• 网上搜索
• github仓库直接向仓库作者提Issure

一般情况都不会没有对应的README.md文件的。

---

如有问题及时沟通