scratch-www在Win10下的环境搭建详细教程
scratch-www(scratch-gui⽹页版）安装与运⾏
scratch-www是scratch-gui的⽹页版，功能包括gui的编辑，保存，播放，和gui的作品展⽰，这⾥主要介绍scratch-www在window系统下的安装和运⾏。
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。
遇到缺少python2.7的时候，解决⽅法是
⽤管理员⾝份登录powershell。运⾏以下命令：
npm install --global --production windows-build-tools
到时候会⾃动下载python的
遇到以下问题
先在packpage.json中删除
在package.json⽂件的devDependencies属性中，把"node-sass": "4.6.1"删除。然后
其他模块安装好后，运⾏以下命令，安装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”,
如下NODE_OPTIONS错误的时候，在前⾯加⼀个set
“build”: “npm run clean && npm run translate && set 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也会节省我们时间。
配置git
按照下⾯附录的教程《Git系列——win 10配置git环境》去配置好github账号ssh秘钥
然后，在scratch-www⽬录下，使⽤git-bash去逐⼀运⾏
git init
git add .
git commit -m firstcommit
npm start
最后⼀步就是npm start了
Git系列——win 10配置git环境
1、注册或登录
git设置用户名和邮箱
2、下载并安装
查看是否安装完成：安装完成后，在任意地⽅⿏标右键，打开 Git Bash Here，键⼊以下命令，验证是否安装完成
git --version
安装完成后，在任意地⽅⿏标右键，打开 Git Bash Here，键⼊以下命令（email换成你的GitHub账号）
git config --global user.name "xxxxx" #设置⾃定义⽤户名
git config --ail "xxxxx@qq" #设置全局邮箱（使⽤github账号邮箱）
git config --global user.name  #查看设置的全局⽤户
git config --ail #查看设置的全局邮箱
#以下如⽆必要或错误，请不要执⾏
git config --global --unset user.name  #取消设置全局⽤户名，这⾥不需要执⾏
git config --global --ail #取消设置全局邮箱，这⾥不需要执⾏
4、⽣成SSH key
打开Git Bash，键⼊以下命令，即可⽣成你本机的ssh key（邮箱换成你⾃⼰的）。
键⼊以后⼀直回车即可。
ssh-keygen -t rsa -C "xxxx@qq" #邮箱换成你github账号的邮箱
之后会在【C:\Users\⽤户名.ssh 】下产⽣两个⽂件。其中，id_rsa是私钥，id_ras.pub是公钥。
5、配置github的SSH key
登陆的你github，到settings–>SSH and GPG keys，然后点击New SSH key
Title可⾃定义，key则填⼊【C:\Users\⽤户名.ssh 】⽬录下的【id_ras.pub】的⽂件内容
6、验证配置好的Git
打开Git Bash，键⼊以下命令，检查是否配置成功
ssh -T git@github
如果是类似以下输出，则说明配置成功
⾄此，在win 10系统上的git环境已经搭建完毕
到此这篇关于scratch-www 在Win10下的环境配置的⽂章就介绍到这了，更多相关scratch-www配置内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。