pancakeswap 前端源码编译-windows

一、nodejs安装

1.1 安装环境

电脑：win 10 64位

nodejs：node-v12.20.0-x64

nodejs下载官网: nodejs官网. 或者选中版本下载：https://nodejs.org/download/release/v12.20.0/node-v12.20.0-x64.msi

点击选中图标下载到电脑本地即可。

​

1.2 开始安装

1、将安装包放到自己电脑的指定位置，双击执行

​

2、点击下一步

​

3、勾选之后点击下一步

​

4、点击下面的change按钮，更换到自己的指定安装位置，点击下一步，当然不修改默认位置也是可以的。

​

5、此处这里默认点击下一步即可

说明：

1、Node.js runtime 表示运行环境

2、npm package manager 表示npm包管理器

3、online documentation shortcuts 在线文档快捷方式

4、Add to PATH 添加到环境变量

​

6、这一步我们可以不勾选，直接下一步即可。

​

7、点击咱们的安装按钮

​

8、等待一会就会出现安装成功按钮，我们点击完成，即代表安装成功！

​

1.3 验证安装

Node.js已经安装完成，可以先进行下简单的测试安装是否成功了。

1、在键盘按下【win+R】键，输入cmd，然后回车，打开命令行界面

​

2、进入命令提示符窗口，分别输入以下命令，显示版本号，则安装成功，如图。

node -v     显示安装的nodejs版本
npm -v      显示安装的npm版本

​

注：此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西。

1.4 使用nodejs安装yarn

1、在cmd窗口中使用命令安装依赖管理工具yarn

npm install -g yarn

​

2、查看yarn版本号

yarn --version

​

二、pancakeswap 前端源码编译

2.1 yarn安装依赖

1、进入源码目录

​

2、git初始化

​

3、执行yarn安装依赖

​

2.2 构建项目

1、修改packge.json文件build参数

将packge.json的文件里面的 "build": "CI=false react-scripts build",修改为 "build": "react-scripts build",

​

2、执行命令构建项目

npm run build

​

3、查看项目构建成功

​

三、问题解决

3.1 git无法被找到

• 报错内容:

fatal: not a git repository (or any of the parent directories): .git

​

• 报错原因：git无法被找到
• 解决方法：在源码文件夹路径下初始化git

git init

​

3.2 项目构建报错

• 报错内容：

npm ERR! pancake-frontend@0.1.0 build: `CI=false react-scripts build`

​

• 解决方法：

将packge.json的文件里面的 "build": "CI=false react-scripts build",修改为 "build": "react-scripts build",

​

​