scratch-www是scratch-gui的網頁版，功能包括gui的編輯，保存，播放，和gui的作品展示，這裏主要介紹scratch-www在window系統下的安裝和運行。
scratch-www下載
下載地址是https://github.com/LLK/scratch-www，官網有安裝說明，英文版的。運行環境需要nodejs 8.0以上版本，安裝git。
npm install
正常的npm install會報錯，我npm install的時候，經常會卡在安裝chromedriver這個模塊，提示當前使用的chrome版本無效，需要下載指定版本的chrome(76.0.0),這個安裝的話會訪問google的網站，一般無法訪問到，會導致安裝失敗。
解決辦法是，在package.json文件的devDependencies屬性中，把"chromedriver": "76.0.0"這行刪掉，先npm install好其他模塊，再單獨安裝 chromedriver。
其他模塊安裝好後，運行以下命令，安裝chromedriver
npm install --save-dev [email protected] --chromedriver_cdnurl=https://npm.taobao.org/mirrors/chromedriver
ok,npm install完畢。
修改packpage.json
官網的scratch-www是要linux系統下編譯運行的，有些指令在window系統下無法使用，需要修改packpage的scripts屬性中的一些指令。
修改 “clean”: “rm -rf ./build && rm -rf ./intl && mkdir -p build && mkdir -p intl”,"rm -rf"是在linux下才有的指令。這條指令是用來刪除build和intl這兩個文件夾，再重新創建這兩個文件夾。
我們使用rimraf 來代替 rm 指令。
npm i -g rimraf
修改爲 “clean”: “rimraf ./build && rimraf ./intl && mkdir build && mkdir intl”,
npm run build
與gui直接運行npm start 不一樣，scratch-www安裝後第一次運行時，需要先運行npm run build 再運行npm start。爲什麼呢？因爲scratch-www是多語言的網頁，需要先創建語言文件，才能正常運行，顯示。
npm run build 時，會刪除build和intl文件夾，再translate遠程獲取語言文件。build指令如下：
"build": "npm run clean && npm run translate && NODE_OPTIONS=--max_old_space_size=8000 webpack --bail",
translate指令:
"translate:urls": "node ./bin/get-localized-urls localized-urls.json",
"translate:files": "node ./bin/build-locales node_modules/scratch-l10n/www intl",
"translate": "npm run translate:urls && npm run translate:files"
我發現最近幾次運行到npm run translate:urls指令時會卡住，訪問不到遠程文件，導致npm run build失敗。如果你npm run translate:urls 成功後，建議把這指令刪除掉，改成
"translate": "npm run translate:files"
因爲scratch-www需要的幾十種語言文件，並不都需要，這樣每次npm run build也會節省我們時間。
npm start
如果一切順利，打開瀏覽器，輸入127.0.0.1：8333，就能看到scratch-www顯示的頁面了
