由于新项目的缘故,接触了一下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的相关文章。
这些都是自己在项目中遇到的,本人也是刚刚接触这些技术,所以有哪里说的不对的地方,希望各位大牛多多指点。