【笔记】详细讲解搭建本地remix-ide过程

一 前期环境准备

本次开发对开发的版本选择如下，尽量选择该版本

$ node --version
v7.10.1
$ npm --version
4.2.0
$ nvm --version
0.33.11

1.1首先我们把nvm下载安装好
nvm 是一个 node 版本工具，我们可以使用 nvm 来安装不同版本的 node。
在终端输入

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

2在当前用户 profile 文件，如（~/.bash_profile, ~/.zshrc, ~/.profile, or ~/.bashrc）添加加载 nvm 的脚本：

export NVM_DIR="$HOME/.nvm"         
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

1.2使用 nvm 安装 node

nvm install 7

安装完成之后，使用 node --version 和 npm --version 检查下版本号，是否和刚刚列出版本要求一致.

二.命令行安装 Remix ide

方法 1
直接使用 npm 安装，这也是我安装使用的方法。

npm install remix-ide -g
remix-ide

在这里应该很多人可以成功。But在这里我碰到了一个坑，网上查了很多资料终于得到解决。这是报错内容Error: Cannot find module 'remixd' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15) at Function.Module._load (internal/modules/cjs/loader.js:562:25) at Module.require (internal/modules/cjs/loader.js:692:17) at require (internal/modules/cjs/helpers.js:25:18) at Object. (C:\Users\xcp\AppData\Roaming\npm\node_modules\remix-ide\bin\remix-ide:4:14) at Module._compile (internal/modules/cjs/loader.js:778:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10) at Module.load (internal/modules/cjs/loader.js:653:32) at tryModuleLoad (internal/modules/cjs/loader.js:593:12) at Function.Module._load (internal/modules/cjs/loader.js:585:3)
它显示缺少remixd的包。最后一番操作无果后，我只知道这个包的主要作用是方便导入文件，决定直接屏蔽
相关代码。

#去除之前
#!/usr/bin/env node
var path = require('path')
var httpServer = require('http-server')
var remixd = require('remixd')

var server = httpServer.createServer({
  root: path.join(__dirname, '/../')
})

var folder = process.argv.length > 2 ? process.argv[2] : process.cwd()

server.listen(8080, '127.0.0.1', function () {})
var router = new remixd.Router(65520, remixd.services.sharedFolder, { remixIdeUrl: 'http://localhost:8080' }, (webSocket) => {
  remixd.services.sharedFolder.setWebSocket(webSocket)
  remixd.services.sharedFolder.setupNotifications(folder)
  remixd.services.sharedFolder.sharedFolder(folder, false)
})

router.start()

console.log('\x1b[33m%s\x1b[0m', 'Starting Remix IDE at http://localhost:8080 and sharing ' + folder)

去除后

#去除之后
#!/usr/bin/env node
var path = require('path')
var httpServer = require('http-server')
var server = httpServer.createServer({
  root: path.join(__dirname, '/../')
})
var folder = process.argv.length > 2 ? process.argv[2] : process.cwd()
server.listen(8080, '127.0.0.1', function () {})
console.log('\x1b[33m%s\x1b[0m', 'Starting Remix IDE at http://localhost:8080 and sharing ' + folder)

再次启动remix-ide成功运行
我们只需要启动http://localhost:8080即可