由于新项目的缘故,接触了一下React这个 Javascript 库。下面我就简单的总结一下经验以及遇到的一些问题,希望能够帮到需要的朋友。

一、安装 Node.js。 以下是我百度云盘的分享。

  https://pan.baidu.com/s/1ftU3mn2jN9bnOGevMdcrDg     提取码:wow3

二、安装cnpm

  cmd命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

三、安装yarn

  cmd命令:cnpm install -g yarn

四、创建第一个React项目

  1、安装脚手架工具

    cmd命令:npm install -g create-react-app 或者 cnpm install -g create-react-app

    
  2、创建项目 

    注意:create-react-app要求 Node >= 6 和 npm >= 5.2 。 cmd查看node和npm版本  node -v  和 npm -v
    cd 到项目要创建的目录之后: create-react-app reactdemo


  3、cd 到项目位置
    cd  ../../reactdemo
    npm start    或者   yarn start  运行项目

    运行之后浏览器会自动打开,如果没有打开并且cmd提示安装成功的话。可以手动在浏览器访问 http://localhost:3000即可。

  步骤的图片如下:‘...###234###...’  这些是我创建项目时(create-react-app reactdemo)生成的,并且把安装脚手架的语句冲没了。按照上述步骤即可。

  这样就创建了我们的第一个React项目。我在项目中使用的是VsCode工具来操作React项目。

  百度云盘链接:https://pan.baidu.com/s/1_9_5IKTilP-jWFHLdYPlyw   提取码:a6xf    -- (windows x64 也可到官网下载,很方便的。)

五、遇到的问题

  我在安装过 Nodejs 之后,在cmd中查看版本号,一直显示的是 0.10.15 版本的。这和我下的完全就不同,之后我又安装了其他的版本,发现还是没有变化。我就查看的 Error 的错误信息是获取的是其他位置 Nodejs 。这就让我怀疑 cmd 中查看到 Nodejs 的版本是 Error 信息中这个路径的版本。然后我就通过百度,说需要修改环境变量。我就找到了这个路径,随后就抱着试试的想法,改了一下文件路径。让cmd默认去找我安装的Nodejs。这时问题就解决了。下面是相关的截图。

 

 

  其实换一个思路,在 cmd 中 cd 到安装Nodejs的文件位置,然后再进行创建脚手架以及创建项目也是没问题的。问题的原因应该是我之前安装了Nodejs,cmd也默认找到了这个位置,所以导致我再安装的版本就无效了。

  在VsCode工具中会自动去找到项目的位置,直接npm start便可以运行项目。

  希望可以帮到大家,我后续应该会写一些,关于React+antd的相关文章。

  这些都是自己在项目中遇到的,本人也是刚刚接触这些技术,所以有哪里说的不对的地方,希望各位大牛多多指点。