美文网首页
Sublime Text3作为React Native的开发ID

Sublime Text3作为React Native的开发ID

作者: 赵哥窟 | 来源:发表于2018-09-10 11:42 被阅读296次

    使用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"
    }
    

    相关文章

      网友评论

          本文标题:Sublime Text3作为React Native的开发ID

          本文链接:https://www.haomeiwen.com/subject/qtfsgftx.html