搭建react或者react native开发环境

安装React环境

  1. 首先安装node.js 的npm环境,后面我们要通过npm来安装react
  2. 安装完成后,打开cmd,然后看一下node版本,得大于6.5以上,
    用命令行node -v
  3. 然后安装react环境,通过在cmd下命令:npm install create-react-app -g
  4. 创建一个项目名字叫my-project 下命令:create-react-app my-project,然后需要等待几分钟,因为在安装一个依赖
    注意:npm安装时太慢,可以设置一下,下一个替换npm镜像的命令:npm config set registry=http://registry.npm.taobao.org。设置完可以用npm config get registry后,返回http://registry.npm.taobao.org则设置成功,然后在调用create-react-app my-app的命令来创建项目。
    编辑器:我用的编辑器为vscode,关于配置vscode的代码自动提示和debug运行,这里有一个链接说的挺好点击跳转
    安装react代码自动提示:1:在cmd下命令:npm install -g typings
    安装完后cd进入项目目录下命令:typings install dt~react-native --save --g,退出重新进入编辑器就好了

安装React Native环境
5. 如上,安装好Node.js 后,在cmd下命令 npm install -g react-native-cli 命令后就安装好环境
6. 然后创建一个项目,我创建的项目的名字为FirstRnApp 下的命令是 react-native init FirstRnApp

最后安装Android或者IOS开发环境和编译器即可
命令行运行Android项目:在cmd进入项目的文件夹,然后下命令 react-native run-android

React项目:
项目打包 npm run build,然后会生成一个build文件,里面是打包好的项目
如果想在本地搭一个微型服务环境,可以下npm install -g serve这个命令,然后会给两个地址,访问这两个地址都可以访问打包完的项目。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值