vscode React編程配置

1.下載地址：https://code.visualstudio.com/Download

2.添加RN開發外掛程式 React Native Tools：微軟官方出的ReactNative外掛程式,非常好用 Reactjs code snippets：react的代碼提示，如componentWillMount方法可以通過cwm直接獲得 Auto Close Tag：自動閉合標籤 Auto Rename Tag：自動重新命名標籤，配合上面的外掛程式使用，基本上能趕上IDEA系的功能了 Path Intellisense：檔案路徑提示補全

3.常用快速鍵&設定

Shift + Alt + F：格式化代碼

Ctrl + Space：代碼提示，與輸入快速鍵衝突所有使用不了，可根據自己喜愛自行設定，設定：檔案 => 喜好設定 => 鍵盤快速鍵 => 搜尋“space”=>修改為自己的快速鍵，如圖：

 

4.配置VSCode調試ReactNative，擺脫手動輸入命令運行RN項目的苦惱

　　a).安裝“React Native Tools”外掛程式；

　　b).點擊調試 => 增加配置 => 選擇“React Native:Debug Android” => 插入代碼報錯，如圖：

儲存，點擊調試按鈕，即可運行調試RN項目；