Scratch www 系统搭建

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

• 1

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 -

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19

我这里安装的是v6.x。

二、Nodejs安装

1、执行命令安装node

yum install -y nodejs

• 1

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

2、测试安装是否成功

node -v

# v6.9.1

npm -v

# v3.10.8

• 1
• 2
• 3
• 4
• 5
• 6
• 7

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

npm i npm -g

• 1

三、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
• 2
• 3

（1）webpack

npm install webpack -g

• 1

（2）其他辅助

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

• 1
• 2
• 3

2、获取工程代码

执行下列命令：

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

• 1

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

3、Build代码

（1）进入目录

cd scratch-www

• 1

（2）安装node-sass

正常情况下，在执行install命令时，会自动安装node-sass依赖。但是在实际过程中，自动下载和编译node-sass经常会出错，即使手动安装的node-sass也会出错。在我的安装过程中，我使用的是从阿里库中编译好的node-sass，执行下列命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org 

cnpm install node-sass@3.11.2

• 1
• 2
• 3

注：默认安装的node-sass版本是3.3.3，我安装的是最新版本。

（3）Build scratch

分别执行下列命令：

npm install
npm run build

• 1
• 2

（4）运行

如果在build过程中没出现什么错误，编译成功之后就可以通过下列命令，运行scratch www。

npm start

• 1

注：以上命令均需要在scratch-www目录下执行。

如果屏幕上显示出正常启动了8333端口。那么就可以通过浏览器访问了。

四、作为服务运行

node应用通过npm来执行，但是每次执行都需要一直保持，一旦关闭当前Terminal，程序就将终止。为了保持程序持续运行，可以使用forever

（1）安装forever

npm install forever -g

• 1

（2）进入应用目录运行程序

forever start app.js

• 1

也可以通过下面的方式运行：

forever start -c "npm start" ./

• 1

可以通过下面命令查看正在运行的应用：

forever list