从0开始搭建一个React Demo

1.下载安装NVM - 这是一个管理nodejs版本的工具：NVM下载地址

点击安装

 

安装好cmd检查一下：nvm -v

（一下操作都是cmd中操作的）

2.设置镜像，建议使用阿里的镜像

nvm npm_mirror https://npm.taobao.org/mirrors/npm/ -- 这是一次性的
npm config set registry http://registry.npm.taobao.org  -- 这是永久性的
npm config get registry -- 可以看到当前的镜像

3.然后就可以使用npm下载nodejs了

nvm install 8.11.1 32

这里，8.11.1 是版本号，偶数版是稳定版，奇数版不稳定哦；32 - 你的计算机是几位的就几位，默认64

4.设置上边安装的版本作为默认版本

nvm use 8.11.1 32

这是提示Now using node v8.11.1 (32-bit) - 也就是成功了

检查一下：nvm list

版本号前带星号的为当前使用的版本

5.接下来，还是配置。。

安装create-react-app脚手架

npm isntall -g create-react-app

安装好之后检查一下版本

create-react-app --version

6.到这里，你可以使用create-react-app脚手架来创建一个React项目了

create-react-app first_react_demo

这个比较慢，因为要下载很多依赖包

7.下载好之后，可以直接在cmd窗口 npm run 执行，也可以使用webstorm的terminal来操作，都一样

如果有需要，可以先执行 npm run eject来弹出package.json所依赖的所有包(这个就需要你进一步了解了)

编译完之后，有两个地址，他会自动帮你打开浏览器，可以看到你的一个组件化的React项目诞生了！

 

一些问题，及博客收集：

应该是需要git的

如果刚开始没有git，就装一个，不然后面可能出问题，如npm run eject

Webstorm设置Node.js智能提示

webstorm如何禁用自动保存功能

最后放上我的Demo