002 React 的安装

使用 create-react-app 快速构建 React 开发环境

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

执行以下命令创建项目：

cnpm install -g create-react-app

create-react-app first-react-project

cd first-react-project/

npm start

 

create-react-app慢的解决方法
在用create-react-app创建新应用时，会一直卡住

create-react-app react-demo

这是因为create-react-app指令默认调用npm，于是直接把npm的register给永久设置过来就好了，这样使用cnpm或者npm就没差别了。如下：

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

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

npm config get registry

// 或npm info expres

设置成功后，再执行创建指令。

 

安装截图

 

 

 

在有jsx代码的js文件里，选择VSCode的右下角JavaScript，弹出框选择JavaScriptReact

 

 安装    Prettier - Code formatter  插件用于格式化React的jsx代码