网站开发 文献综述,企业网站模板下载psd格式,如何寻找做企业网站的,建设网站说只给前端源码是什么意思ReactNative系列文章#xff1a;
1.《逻辑性最强的React Native环境搭建与调试》
2.《ReactNative开发工具有这一篇足矣》
正文
React Native#xff08;以下简称RN#xff09;开发工具的文章很多#xff0c;几乎千篇一律都是Copy的#xff08;一毛一样#xff09;
1.《逻辑性最强的React Native环境搭建与调试》
2.《ReactNative开发工具有这一篇足矣》
正文
React Native以下简称RN开发工具的文章很多几乎千篇一律都是Copy的一毛一样本文结合自己的实践经历推荐给Coder最实用的RN开发工具RN开发工具用这一篇足矣
概述开发RN的工具有很多选择性也比较多比如Facebook专门为React开发的IDENuclide还有做前端比较熟悉的WebStorm、Sublime Text 3、VS Code等。
面对这些IDE我们应该怎么选择的呢先说不推荐IDE排行榜
Top1Nuclide虽然是Facebook专门为React开发的但依托于Atom的Nuclide真是慢的出奇性能低到无法让人忍受如果你觉得自己是一个好性子不妨验证一番。
Top2WebStorm这个工具对于我来说是非常熟悉的IDE从几年前开始开发NodeJs一来一直使用的此IDE他的缺点是慢、卡、容易崩溃而且是收费的虽然可以破解但对于没有用过的人来说门槛也不低但重要的是它的不稳定性崩溃和加载启动的速度着实让人不满意。
说完了不推荐使用的IDE下来说说咱们的重点推荐IDE排行榜
Top 2Sublime Text 3启动和关闭的速度简直快的像打开text文本一般当装完插件之后也好用的可以上天下面说说具体的使用以及插件安装和优化。
1.下载地址http://www.sublimetext.com/3
2.安装Package Control
Win系统可以使用“Ctrl”快捷键或者通过View-Show Console菜单打开命令行粘贴如下代码 import urllib.request,os; pf Package Control.sublime-package; ipp sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), wb).write(urllib.request.urlopen( http://sublime.wbond.net/ pf.replace( ,%20)).read()) 3.安装需要用到的插件
打开Sublime Text3 Win系统可以使用快捷键CTRLSHIFTP 打开或者点击菜单栏的“Preferences”--Package Control
打开的终端窗口输入“install”,下方就会提示“Package Control:install package”,用鼠标点击后输入要安装的插件 ReactJS支持React开发代码提示高亮显示 Emmet前端开发必备 Terminal在sublime中打开终端并定位到当前目录 react-native-snippetsreact native 的代码片段 JsFormat格式化js代码
其中要单独设置的是JsFormat可以设置为保存时自动格式化设置如下打开preferences - Package Settings - JsFormat - Setting - Users,输入以下代码 {
e4x: true,
// jsformat options
format_on_save: true,
} 效果如图 Top 1VS Code
1.下载地址https://code.visualstudio.com/Download
2.添加RN开发插件 React Native Tools微软官方出的ReactNative插件,非常好用 Reactjs code snippetsreact的代码提示如componentWillMount方法可以通过cwm直接获得 Auto Close Tag自动闭合标签 Auto Rename Tag自动重命名标签配合上面的插件使用基本上能赶上IntelliJ IDEA系的功能了 Path Intellisense文件路径提示补全
3.常用快捷键设置
Shift Alt F格式化代码
Ctrl Space代码提示与输入快捷键冲突所有使用不了可根据自己喜爱自行设置设置文件 首选项 键盘快捷方式 搜索“space”修改为自己的快捷键如图 4.配置VSCode调试ReactNative摆脱手动输入命令运行RN项目的苦恼 a).安装“React Native Tools”插件 b).点击调试 增加配置 选择“React Native:Debug Android” 插入代码报错如图 保存点击调试按钮即可运行调试RN项目 如果觉得有用请点击“推荐”按钮谢谢
