react的安装和使用
由于react技术依赖于很庞大的技术栈,比如,转译js代码需要babel,模块打包工具需要webpack,定制build过程需要grunt或gulp,配置起来相当麻烦,create-react-app解决了这个问题,以下是整个安装使用过程。
首先,下载nodejs.官网链接如下:
https://nodejs.org/en/download/。
可以下载到Windows\mac\linux,按需下载。
下载完成后,打开cmd.输入path,检查是否有nodejs和npm,如果有,进入nodejs安装目录,输入以下命令安装create-react-app
npm install --global create-react-app
退出当前目录(这一点很重要哦!否则会出现错误,虽然我也不知道为啥),再输入以下命令
create-react-app first_react_app
完成以上工作,就创建了一个名为first_react_app 的目录,他自动添加一个应用的框架,后续只需要修改这个框架里面的app.js文件,就可以开发自己的应用啦!
经过上一步漫长的等待之后,就得到了下图,安装成功!!
接下来 ,输入下面的指令:
cd first_react_app
npm start
自动启动一个服务器,并且打开如下界面。
成功!!接下来就深入学习react吧
小tips
国内的npm很慢,如果想快一点,可以安装淘宝拷贝的cnpm仓库,命令如下(上面的npm改成cnpm即可)
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org