2016年9月時点で、只需5分钟即可在Mac上搭建React开发环境
前提条件
-
- Developer Toolsをインストール済み
- mac OS(OSX)
建筑后可以使用的东西
-
- nodebrew
-
- node.js v6.6.0(記事作成段階最新)
-
- npm
- create-react-app
构建
安装步骤1:安装nodebrew
nodebrew指的是什么?
一种用于管理Node.js版本的工具。只需一个命令, 就能轻松切换已安装在电脑中的Node.js版本的工具。
安装设置
请打开终端并输入以下命令。
$ curl -L git.io/nodebrew | perl - setup
$ export PATH=$HOME/.nodebrew/current/bin:$PATH
以上!!)
以上!!)
安装Node.js和npm的步骤2
Node.js是什么?
即使说是一番有名也不为过的是服务器端JavaScript的执行环境。
安装
请打开终端,并输入以下命令。
$ nodebrew install-binary latest #最新のnodejsをインストール
$ nodebrew list #インストースされたバージョンを確認
$ nodebrew use v6.6.0 #使用するnodejsを選択
以上!
第三步是安装create-react-app。
create-react-app是什么
用于React的官方开发环境,包括示例创建、服务器功能和JSX编译器等。
安装
请打开终端,并输入以下命令。
$npm install -g create-react-app
以上! !)
这就是以上的内容! (Zhè de !)
创建示例代码
请打开终端,进入生成示例代码的目录,并运行以下命令。
$create-react-app hogehoge
$cd hogehoge
$npm start
这是有关create-react-app的详细信息,点击这里查看(http://qiita.com/takanorip/items/ba7caa25d4611bba1a37)。
以上是React开发环境的一般设置。