首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Sublime Text3作为React Native的开发IDE

Sublime Text3作为React Native的开发IDE

作者头像
赵哥窟
发布2018-09-13 11:54:27
发布2018-09-13 11:54:27
1.2K00
代码可运行
举报
文章被收录于专栏:日常技术分享日常技术分享
运行总次数:0
代码可运行

使用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.配置如下代码即可

代码语言:javascript
代码运行次数:0
运行
复制
{
    "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"
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.09.10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装需要用到的插件
  • React Native开发推荐的一些插件:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档