Scratch www 系统搭建

青旅半醒 2022-07-14 02:40 162阅读 0赞

Scratch www要基于Nodejs的环境才可以运行，我尝试了在Windows、Ubuntu、CentOS等操作系统上安装其环境，安装node环境比较简单，但是不同系统在编译代码方面问题较多，在Windows上必须要有Microsoft Visual Studio环境，Ubuntu上面又相关依赖又有点不同。最终，在CentOS上搭建成功，现将搭建步骤记录如下：

# **一**、环境准备 #

### **1、安装配合软件** ###

因为代码需要编译，所以要提前将所需要的几个组件进行安装。

*  git（从github上获取代码）
 *  python（有些Nodejs模块需要用到python）
 *  gcc（在编译的时候会用到）
 *  gcc-c++（在编译的时候会用到）
 *  openssl-devel（在编译的时候会用到）
 *  make（在编译工具）

执行下列代码：

yum -y install git gcc gcc-c++ openssl-devel make python

### **2、使用curl下载并安装nodejs yum源** ###

搭建Nodejs环境方式有很多，比如下载包或用yum安装等，我是使用yum安装。在安装之前要指定Nodejs的源。

# 7.x
    
    curl --silent --location https://rpm.nodesource.com/setup_7.x | bash -
    
    # 6.x
    
    curl --silent --location https://rpm.nodesource.com/setup_6.x | bash -
    
    # 5.x
    
    curl --silent --location https://rpm.nodesource.com/setup_5.x | bash -
    
    # 4.x
    
    curl --silent --location https://rpm.nodesource.com/setup_4.x | bash -
    
    # 0.10
    
    curl --silent --location https://rpm.nodesource.com/setup | bash -

我这里安装的是v6.x。

# 二、Nodejs安装 #

### **1、执行命令安装node** ###

yum install -y nodejs

> 注：这里面的版本不需要指定，它是根据上一步中指定的源，如果用6.x的源，就会安装6系列的最新版。

### **2、测试安装是否成功** ###

node -v
    
    # v6.9.1
    
    npm -v
    
    # v3.10.8

> 注：node安装完成之后，会将node和npm自动设置成服务。但是node自带npm不一定是最新版本，可以使用下列命令，升级npm。

npm i npm -g

# **三**、scratch www 安装 #

### **1、安装准备** ###

按照scratch github上说明，原则上是不需要进行提前准备，但是在编译过程中会提示一些信息，例如下列信息。为了避免错误，总结之前的安装过程，可以讲一些模块提前进行安装。

npm WARN prefer global i18next-conv@2.5.0 should be installed with -g
    npm WARN prefer global jshint@2.9.4 should be installed with -g
    npm WARN prefer global node-gyp@3.4.0 should be installed with -g

#### **（1）webpack** ####

npm install webpack -g

#### **（2）其他辅助** ####

npm install i18next-conv -g
    npm install jshint -g
    npm install node-gyp -g

### **2、获取工程代码** ###

执行下列命令：

git clone https://github.com/LLK/scratch-www.git

> 注：代码检出之后会自动创建scratch-www目录

### **3、Build代码** ###

#### **（1）进入目录** ####

cd scratch-www

#### **（2）安装node-sass** ####