React学习记录一

Posted 2020-09-01 阿弥陀佛呵呵哒

半路出家直接上手React，其实有点吃力，所以开始研究create-react-app，从这里下手吧。

create-react-app 官方网站:https://github.com/facebookincubator/create-react-app

然后下面有教程，但是js水平还停留在只会用用jquery的我，完全看不懂这是个什么鬼，什么是npm?。

所以呢，我有抽空看了一下node.js的基础，算是扫扫盲。

这里是菜鸟教程：http://www.runoob.com/nodejs/nodejs-tutorial.html，其实百度搜一下，基础的教程还是很多的，没有过度的去研究node.js的东西，但是至少npm是个什么东西，怎么用算是清楚明白了。

其实有很多的东西都是在看别人的文章，然后自己找相关的教程慢慢弄出来的，比如淘宝的npm镜像cnpm，然后这里我又要甩出一个超链接，https://cnpmjs.org/ ，算了还是记一下大概过程吧。

适用环境：Windows

适用人群：javascript基础有一点的

 目的：就是搭个环境，好做点事情

1.安装Node.js

官方下载地址：https://nodejs.org/en/

我们还是选择一个最新版的，直接下载安装就可以了。安装完了以后，基本上npm命令就可以打开命令行开始用了。

2. 安装cnpm

基本上按照官方网站输入几个命令就可以解决，但是为了避免不必要的错误，cmd打开命令行的时候，记得右键以管理员的身份运行，否则部分文件拷贝会出现权限不够等问题！

输入命令：

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

等待完成，结果大概就是这个样子：

3.安装vscode

官方网站：https://code.visualstudio.com/

下载安装完后，基本的开发环境就搭建完成了。安装什么的就不详细说了，用惯了visual studio的，基本这个IDE使用起来没什么难度

 

啊，就说这么多了，下一篇说说正事儿create-react-app这个初学者工具，我也在一步步慢慢摸索，仅此记录！