react第一天

准备：npm i webpack -D

项目的结构

1.我们需要一个package.json文件
npm init -y 去生成一个配置文件
2.生成一个webpack.config.js配置文件
用来做webpack打包的一个配置
（我们的webpack的内部机制，会自动找到这个名叫webpack.config的模块，并且加载到webpack的内部机制里面，当我们运行命令行webpack的时候，就是使用这个模块里面的属性）

举个栗子

const path = require('path');
//导出一个模块，这个模块呢，就是专门配置文件
module.exports = {
//第一个属性，是入口文件
entry:path.join(__dirname,'src','app.js'),
//第二个属性，是配置打包后的文件路径
output:{
path:path.join(__dirname,'dist'),
pathname:'bundle.js'
}
}

---

我们的移动开发几个技术

1.h5+,这是一个产业联盟，（其实是民间组织），匿属工信部，主要公司有dcloud

---

h5+和react-native打包后的区别

h5+打包很像是这种流程：
js代码-------->网站+外壳的app
react-native打包后是这个流程：
js代码-------->原生的java+外壳app
总结：因为原生速度快，所以性能好

---

安装react-native的运行环境

还需要node，c++，git等环境，去官网下载即可

安装java环境，jdk,jre，下载jdk的环境安装包，点击进行安装，安装完成后配置一下环境变量(参考环境变量如何配置文章)

链接：https://pan.baidu.com/s/1dTC6mi 密码：cbc2

安装python环境，必须2.0以上版本，推荐用2.7版本

链接：https://pan.baidu.com/s/1dTC6mi 密码：cbc2

---

安装android环境

• 1. 安装installer_r24.3.4-windows.exe，最好手动选择安装到C盘下的android目录
• 2. 打开安装的目录，将android-25、android-23(react-native必须依赖这个)解压后，放到platforms文件夹下
• 3. 解压platform-tools，放到platform-tools文件夹下
• 4. 【这一步直接忽略即可！】tools文件夹不解压覆盖也行；解压tools，放到安装根目录中
• 5. 解压build-tools_r23.0.1-windows.zip(react-native必须依赖这个)、build-tools_r23.0.2-windows.zip(weex必须依赖这个)和build-tools_r23.0.3-windows.zip，并将解压出来的文件夹，分别改名为版本号23.0.1、23.0.2和23.0.3；在安装目录中新建文件夹build-tools，并将改名为版本号之后的文件夹，放到新创建出来的build-tools文件夹下
• 6. 在安装目录中，新建extras文件夹，在extras文件夹下新建android文件夹；解压m2responsitory文件夹和support文件夹，放到新建的extras -> android文件夹下
• 7. 配置安装环境变量：在系统环境变量中新建ANDROID_HOME，值为android SDK Manager的安装路径C:\Users\liulongbin\AppData\Local\Android\android-sdk，紧接着，在Path中新增;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;