c9.io step by step

1, 申请一个c9账号,可以直接用github认证。

2,建一个workspace,node或者html5都行,其实就是一个完全的linux虚拟机。在菜单里找“window”,打开terminal窗口。

3,升级nodejs,运行:

nvm install 5.4

nvm use 5.4

nvm alias default v5.4.0

4,clone一下阮一峰的demo,运行:

git clone https://github.com/ruanyf/react-demos

5,找到一个目录下的index.html,双击打开,运行(菜单栏里的run),会给你一个地址,点击打开即可。如果想结束,点击X关掉弹出来的apache执行窗口,或者点stop都行。

6,然后可以试试yo生成器,随便google一个。

7,命令行下建立一个新目录,在这个目录下工作。

mkdir fullstack

cd fullstack

8,安装yo和生成器。如果有警告类似[fix],拷贝运行即可。c9装依赖包非常快,大概几分钟就搞定了。

npm install -g yo

npm install -g generator-react-fullstack

yo react-fullstack

npm start

9,运行大部分程序,缺少的组件都可以通过npm install xxx安装。

使用c9.io建立Nodejs、React、Angular2编程学习环境

c9.io是非常棒的云端编程环境,尤其是免费配置最近还升级了,可用性更高了。大陆使用c9的好处是它的npm升级的网络速度远远超过本地开发。

第一个需要调整的可能是安装最新版的nodejs。只要打开Window-》terminal,然后敲如下命令:

nvm install 5.4

nvm use 5.4

nvm alias default v5.4.0

比如我们想用Babel使用ES6开发Angular,可以用这套starter https://github.com/shuhei/babel-angular2-app

Snip20160107_1