1. 程式人生 > >WebStrom開發ReactNative設定程式碼自動提示

WebStrom開發ReactNative設定程式碼自動提示

安裝

方法一 由於ReactNative.jar更新不方便而且過於陳舊,強烈建議使用方法二進行安裝,ReactNative.jar 也會刪除

file -> import settings -> ReactNative.jar

方法二

Mac下安裝

提示:如果沒有templates 資料夾,你可以手動建立一個

webstorm11安裝路徑

ReactNative.xml複製到 ~/Library/Preferences/WebStorm11/templates

webstorm2016.2安裝路徑

ReactNative.xml複製到 ~/Library/Preferences/WebStorm2016.2/templates

webstorm2017.1安裝路徑

ReactNative.xml複製到 ~/Library/Preferences/WebStorm2017.1/templates

webstorm2017.2安裝路徑

ReactNative.xml複製到 ~/Library/Preferences/WebStorm2017.2/templates

重啟 WebStorm

使用方法

通用方法

直接輸入 元件 或 Api 名稱的首字母,比如想要 View,只要輸入 V 自動提示程式碼裡就會看到 View

StyleSheet屬性提示

首先按下 command + J,然後輸入屬性名的 首字母

如:輸入 f

,會自動提示 fontSize, fontFamily, fontStyle...等等

轉自一下