安装React环境
- 首先安装node.js 的npm环境,后面我们要通过npm来安装react
- 安装完成后,打开cmd,然后看一下node版本,得大于6.5以上,
用命令行node -v - 然后安装react环境,通过在cmd下命令:npm install create-react-app -g
- 创建一个项目名字叫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这个命令,然后会给两个地址,访问这两个地址都可以访问打包完的项目。