react初级教程

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

猜你喜欢

转载自blog.csdn.net/weixin_40929147/article/details/83986697