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目录
    1. 打开安装的目录,将android-25android-23(react-native必须依赖这个)解压后,放到platforms文件夹下
    1. 解压platform-tools,放到platform-tools文件夹下
    1. 【这一步直接忽略即可!】tools文件夹不解压覆盖也行;解压tools,放到安装根目录中
    1. 解压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.123.0.223.0.3;在安装目录中新建文件夹build-tools,并将改名为版本号之后的文件夹,放到新创建出来的build-tools文件夹下
    1. 在安装目录中,新建extras文件夹,在extras文件夹下新建android文件夹;解压m2responsitory文件夹和support文件夹,放到新建的extras -> android文件夹下
    1. 配置安装环境变量:在系统环境变量中新建ANDROID_HOME,值为android SDK Manager的安装路径C:\Users\liulongbin\AppData\Local\Android\android-sdk,紧接着,在Path中新增;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,283评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,680评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 7,377评论 0 17
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,832评论 0 1
  • 今日朋友突然发一条微信问我什么时候结婚,我告知日期没定的时候,她焦虑的问到有什么变故吗?我平静的回答没有,等房子装...
    Slim_25b5阅读 567评论 2 1

友情链接更多精彩内容