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开发环境的一般设置。

广告
将在 10 秒后关闭
bannerAds