如何在Mac上使用Git和NPM安装此软件



我想从GitHub在我的Mac上安装一些软件。问题是,开发人员提供的指令非常少。要么是这样,要么就是我太擅长命令行和包管理了。

这是GitHub页面:https://github.com/sehugg/8bitworkshop

(Backstory:这是一个在浏览器中运行的用于为NES、Atari等创作8位游戏的IDE。但我想在不同的文件夹中管理多个项目,除非我能让它在我的机器上本地运行,否则这是不可能的。(

提供的说明如下。。。

安装

构建8bit研讨会IDE:

git submodule init
git submodule update
npm i
npm run build

用法

在上启动web服务器http://localhost:8000/而TypeScript在后台编译:

make tsweb

运行测试

npm test

说明到此结束。现在我想澄清的是。。。

第1部分-Git

我安装了Git。我知道这一点是因为当我键入git --version时,我会看到git version 2.20.1 (Apple Git-117)但很明显,这个版本是旧的,它可能与命令行工具一起提供。那么我(A(应该卸载这个版本并安装最新的版本吗?(B( 是否尝试将此版本更新为最新版本?(C( 别管它,因为我不需要最新版本?(无论建议哪种选择,最好的方法是什么?(

子模块命令的作用是什么?(看起来很复杂。(我需要知道吗,还是应该直接打字?

第2部分-NPM

我还没有安装NPM,我对它知之甚少。所有网络搜索NPM都会出现Node.js。虽然我认为我不需要Node.js(?(,但如果安装Node.js也能给我NPM(如本视频所示(,我会这么做。

安装NPM后,我想我应该将cd放到解压缩的8bitworkshop-master文件夹中,然后键入npm inpm run build

第3部分-TypeScript&设置web服务器

这是我第一次听说TypeScript。谷歌告诉,它是"一个严格的JavaScript语法超集"。我想我应该在8bitworkshop-master文件夹中执行make tsweb

在macOS上设置网络服务器显然有不同的方法。

一个是SimpleHTTPServer。

另一种是编辑httpd.conf,如本视频所示。

还有Xampp,我以前用过,但我不确定它在这种特殊情况下是否有效。

如果有人能就设置web服务器以运行此IDE的最佳方式提出建议,我将不胜感激。

第4部分-测试

所以我会键入npm test,然后会发生什么事情?我将测试什么?不完全确定。我想会有一些反馈告诉我,我要么成功了,要么失败了。

如果你读到这里,谢谢。我之所以问这些步骤,是因为我想在尝试之前获得尽可能多的知识,而不仅仅是摸索。有时,我最终在不同的位置安装了多个版本的编程语言,或者在安装过程几乎结束时,却出现了一些错误,留下了一堆文件复制到了谁知道的地方。解决这些问题比安装更难。因此,我们非常感谢您的帮助。

问题是我将项目下载为.zip文件,而不是使用Git克隆存储库。

先决条件

应该安装Python 3、命令行工具和Git(包含在命令行工具中(。

pyenv是在Python 2附带的Mac上安装Python 3的最佳方式。

步骤1-Git

决定将存储库克隆到何处,并使用Terminal将cd克隆到该目录中。

接下来,键入:git clone https://github.com/sehugg/8bitworkshop.git

类型:cd 8bitworkshop(可以通过Tab键自动完成(这将使您处于新创建的子文件夹中。

类型:git submodule init

完成后,键入:git submodule update

步骤2-NPM

从安装Node.jshttps://nodejs.org/en/download/(NPM随附(LTS版本可能是最好的。

通过键入Terminal(终端(来验证NPM是否已安装:npm -v它应该列出已安装的版本。

类型:npm i

如果出现有关漏洞的消息,请键入npm audit fix

任何"npm WARN"消息都可以忽略。

您可能会看到"2个漏洞需要手动审查,但无法更新"。忽略此项。

类型:npm run build

步骤3-Web服务器

类型:make tsweb

之后,在浏览器中转到http://localhost:8000/

真的很容易。我想得太多了。

步骤4-测试

最后,键入:npm test

最新更新