- 支持几乎所有脚本语言的 Unicode 编码。
- 高度可定制,使用 Emacs Lisp 代码或图形界面。
- 具有用于下载和安装扩展的包系统。
GNU EMACS 是一个可扩展、可定制、免费、自由的文本编辑器。
扩展
- web-mode.el - 它是一个自主的 emacs 主模块,用于编辑 Web模板。它与许多语言兼容,包括 JSX(React)。
7. Spacemacs 编辑器
-
Github 项目地址:syl20bnr/spacemacs(https://github.com/syl20bnr/spacemacs)
-
文档:
-
License:开源
-
支持平台:Windows、Mac、Linux
-
特性:
-
密钥绑定使用助记符前缀进行组织
-
可发现 - 创新的实时显示可用的键绑定。
-
相似的功能具有与之相同的密钥
-
简单的查询系统可以快速找到可用的层、包等。
-
社区驱动的配置提供了强大的用户可调的包,bug 可被快速修复。
Spacemacs 是一个社区驱动的 Emacs 发行版 - 最好的编辑器既不是 Emacs 也不是Vim,它是 Emacs 和 Vim 相结合!
扩展
- React layer - 适用于 React 的 ES6 和 JSX 配置层。它将自动识别 .jsx 和 .react.js 文件。一个用于 React集成的包层。
8. Deco IDE
-
Github 项目地址:decosoftware/deco-ide(https://github.com/decosoftware/deco-ide)
-
文档:
-
支持平台:Mac(仅适用于iOS)
-
License:开源
-
特性:
-
组件搜索和插入
-
实时调整
-
新文件支架
Deco 是专为 React Native 打造的 IDE。它是一个用于编写 React Native 应用程序的一体化解决方案,无需任何环境设置即可下载和使用。Deco 专注于组件重用,并支持用户对 UI 的实时编辑,从而改进了React Native 开发工作流程。
9. WebStorm
-
文档:
-
使用外部工具:https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
-
License:收费(单个用户第一年需支付 129 美元)
-
支持平台:Windows、Mac、Linux
-
特性:
-
智能编码协助
-
支持最新技术
-
版本控制系统
-
无缝工具集成
-
调试、跟踪和测试
-
内置终端
WebStorm 建立在开源 IntelliJ 平台之上,JetBrains 已经开发和完善了15多年。它提供与 VSC、本地历史功能的紧密集成,具有充满活力的插件生态系统,是完全可配置的,还提供大量其他的功能。WebStorm 为 React 和 JSX 提供高级支持,并提供 React Native 应用程序的核心编码协助。
10. TextMate 编辑器
-
文档:
-
License:收费(单个用户 License 为48.75欧元)
-
支持平台:Mac
-
特性:
-
CSS 选择器可确定操作和设置的范围
-
快速概述和导航功能弹出
-
可以把你最喜欢的脚本语言作为插件集成
-
从文档中运行 Shell 命令
-
代码高亮
-
可与 Xcode 协作并构建 Xcode 项目
TextMate 并不是 IDE,但是通过使用其强大的片段、宏和独特的范围界定系统,它通常可以提供即使是编程语言特定的 IDE 都缺乏的功能。React 不直接支持,但是借助下面的插件可以很容易地获得对大多数 React 代码所基于的 JSX 的支持。
插件
- javascript-jsx.tmbundle - 用于JSX(React)的 Textmate Bundle。目前支持语法高亮。
总结
所有代码编辑器都具有丰富而强大的功能。且其中的插件和扩展都可以适应 React Native 环境,因此在迁移到 React-Native 时,我们不必迁移到不同的代码编辑器。
二、react-native 打包流程
问题
react-native方便了移动端app组件的开发,但是其社区以来的expo jdk 在某些业务场景下不足以满足某些需求,我们需要将其与原生app进行整合,共同打包发布,但rn官方文档中对于此方面的描述并不详尽。
分析
使用react-native的开发者,大多数是没有原生开发经验的,而将react-native与原生应用进行整合则必须要对原生应用开发流程由一定了解,因此在条件允许的条件下,这部分工作可交由原生开发人员完成。
但是如果android工程师的条件无法满足,则需要前端工程师自己完成,幸好,这部分工作并不十分需要非常深入的原生知识,只需要了解构建工具的简单使用即可。
解决
在此以 android studio 为例来说明如何将react-native应用打包成android apk
1.创建react-native应用
create-react-native-app helloworld
2.将开发环境结构为可定制模式
yarn eject
3.打开android studio ,从当前目录下的android子目录导入应用
3.打包jsBundle
原生应用会提供js运行环境,因此实际上还是要将应用代码打包为一个js文件,实际运行时也是在js解释器的帮助下执行,也因此与原生应用存在一定的性能差距。
回到命令行执行以下命令:
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
4.打包apk
回到android studio 项目中,进行如下图所示的操作:
以上就是一个简单的打包react-native为android apk的过程,其中还有许多个性化的配置方案可供选择,比如是否允许开发模式等等,这些需要读者们自己去探索
参考:https://www.jianshu.com/p/c45148134082
https://blog.csdn.net/csdnnews/article/details/78042121
阿里P7移动互联网架构师进阶视频(每日更新中)免费学习请点击:https://space.bilibili.com/474380680
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V:vip204888 备注Android获取(资料价值较高,非无偿)
尾声
对于很多初中级Android工程师而言,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路,本文的重点是你有没有收获与成长,其余的都不重要,希望读者们能谨记这一点。
最后想要拿高薪实现技术提升薪水得到质的飞跃。最快捷的方式,就是有人可以带着你一起分析,这样学习起来最为高效,所以为了大家能够顺利进阶中高级、架构师,我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程,保证你学了以后保证薪资上升一个台阶。
当你有了学习线路,学习哪些内容,也知道以后的路怎么走了,理论看多了总要实践的。
进阶学习视频
附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 (含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)
1711573998210)]
附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 (含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)
[外链图片转存中…(img-nRsSyFXl-1711573998210)]