React 安装的几种方法

命令行安装

1.使用npm安装。国内使用 npm 速度很慢,可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://registry.npm.taobao.org

2.这样就可以使用 cnpm 命令来安装模块了:

$ cnpm install [name]
此处安装、使用react使用以下命令:

$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

3.在浏览器中打开 http://localhost:3000/ 即可看到结果。
附拉取卡顿问题:
在使用 create-react-app my-app 来创建一个新的React应用,在拉取各种资源时,往往会非常慢,一直卡在那:

fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch

可以看到资源还是使用了 npmjs.org
解决方法是换成淘宝的资源:

$ npm config set registry https://registry.npm.taobao.org

配置后可通过下面方式来验证是否成功

$ npm config get registry

使用webstorm

File->New->Project,选择React APP,即可如上命令行自动地创建新的项目,Run即可自动运行npm start。
React 安装的几种方法_第1张图片
可能持续更新……

你可能感兴趣的:(React 安装的几种方法)