react快速搭建项目

设置代理：
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org

一、快速搭建

• 1、方法一

npx create-react-app my-app

image.png

• 方法二

npm init react-app my-app 支持npm版本>6.0.0

初始化好之后的项目结构如下：

image.png

最后运行npm start，在http://localhost:3000/打开的网页中可以查看项目效果；

image.png

二、搭建常遇到的问题

• 1、nodejs版本和npm版本不对应

  
  image.png

具体解释见https://forums.freebsd.org/threads/node-js-9-vs-npm.63401/；
最好安装的时候版本要对应；
版本不对应，设置淘宝代理也是会报错的；
注意：针对这种解决方案，删除nodejs下面的安装的所有文件，尤其记得c盘用户下面的npm和npm-cache也要清理，这样重新安装之后才不会发生nodejs版本更新，但是npm的版本还是旧版本的问题。

• 2、操作不允许

  
  image.png
  

  看错误信息，提示以管理员身份重新打开命令行工具，重试；试了，不起作用，还是报同样的错误；
  这个看个人电脑的情况，有些试了以管理员身份运行就可以了；有些用来npm cache clear --force或npm cache verify就可以了；
  如果还是不行，卸载重装nodejs，注意点同问题一；
  然后问题解决了，太开心了。