Sublime Text3作为React Native的开发IDE
使用Sublime Text3作为React Native的开发IDE,首先就要安装插件,默认的Sublime 3中没有Package Control,要进行安装之后才能用这个去安装其他的插件。
我用的手动安装步骤如下:
1.点击Preferences >Browse Packages菜单 2.进入打开的目录的上层目录,然后再进入Installed Packages/目录 3.下载Package Control.sublime-package并复制到Installed Packages/目录 4.重启Sublime Text。
安装需要用到的插件
安装sublime的插件步骤如下: 1.打开Sublime Text3 ,点击菜单栏的“Preferences”-->"Package Control",或者可以使用快捷键command+shift+p 打开。 2.在打开的终端窗口,输入“install”,下方就会提示“Package Control:install package”,用鼠标点击 3.这时候等待几秒,就会弹出一个终端,在终端输入你想要安装的插件,进行查找,点击下方列表中插件,就会自动会为你安装了。
React Native开发推荐的一些插件:
- ReactJS : 支持React开发,代码提示,高亮显示 。
- Emmet :前端开发必备。
- Terminal : 在sublime中打开终端并定位到当前目录,神器,mac下的快捷键为:command+shift+T
- react-native-snippets:react native 的代码片段。
推荐一个sublime material 风格主题:Material ,直接去搜这个插件就能安装,安装后之前和安装之后的效果对比
之前:
屏幕快照 2018-09-10 11.28.52.png
之后:
屏幕快照 2018-09-10 11.29.57.png
步骤 1.command+shift+p 输入 install Package
屏幕快照 2018-09-10 11.49.03.png
2.输入 Material Theme 安装
屏幕快照 2018-09-10 11.49.55.png
3.安装成功后,修改 Setting 配置
屏幕快照 2018-09-10 11.41.54.png
4.配置如下代码即可
{
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"font_size": 15,
"ignored_packages":
[
"Vintage"
],
"material_theme_accent_tomato": true,
"material_theme_big_fileicons": true,
"material_theme_tabs_autowidth": true,
"tab_size": 4,
"theme": "Material-Theme.sublime-theme"
}
- 前端AES的加密和解密
- Reverse Linked List II
- python爬虫(六)_urllib2:handle处理器和自定义opener
- Hbase多版本的读写(Shell&Java API版)
- 总结---3
- Mac系统实现git命令自动补全
- [大数据之Yarn]——资源调度浅学
- Mac系统的终端显示git当前分支
- 不掌握这几个人工智能编程语言怎么能说懂AI
- Gulp实现css、js、图片的压缩以及css、js文件的MD5命名
- 大数据之Yarn——Capacity调度器概念以及配置
- 移动端web开发,click touch tap区别
- 大数据学习之路(持续更新中...)
- 如何养成良好的c++编程习惯(1)——内存管理
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法