不久前，我認識的最有經驗的React Native開發人員之一JaniEväkallio發表了一篇很棒的文章，介紹了Formidable於去年三月開始將其用於新的React Native應用程序的所有不同工具。
自從我開始開發React Native以來，這給了我靈感，讓我首先去解決一個我遇到的很多問題：選擇一個IDE並正確設置它-而不必每隔一個月進行更改。正如我提到以前的文章爲陣營本土首發，找到適當的設備開始的右腳上的一個基本組成部分：所以我決定開始新的，按照我自己的建議，並安裝Visual Studio代碼。
實際上，它是一個出色的編輯器，具有一些驚人的功能。但是要想擁有與我每天鍵盤敲擊生活完全相同的東西，我自然需要對其進行自定義。很多。
我們將需要擴展，很多擴展
接下來將是（幾乎）我所做的擴展和設置的完整列表，這些擴展和設置是我將其從“ 很酷 ”轉換爲“ 好吧，我永遠都不會對其進行更改 ” IDE：希望您會發現它很有用，或者至少了解一下要添加到您的設置中的一兩個新擴展程序-準備好了嗎？
就是那種精神！
爲了使您更容易安裝此擴展列表，我（終於！）創建了一個VSCode擴展包RN Full Pack。通過安裝此程序，您將不需要一一安裝；）
第1節：基本原理
使用前面提到的文章作爲導航VSCode市場的指南，我決定安裝的前幾個擴展與幫助我編寫良好可讀的代碼有關：
- React Native Tools
- Babel JavaScript，
這是正確樣式設計的基礎，因爲我們將使用“ future-JS”（ES6 +）。 - 流語言支持（需要Flow）
爲什麼需要靜態類型檢查器？在這裏閱讀*。這是**它*的介紹。 - ESLint（顯然需要ESLint）
Linter從概念上講是一種工具，可以遍歷您的代碼，並告訴您可以做些什麼來“更好”地編寫它。（這是一個更好的解釋） - 更漂亮-JavaScript格式化程序
，實際上是一種遊戲改變者-如果您不喜歡它，請嘗試深入閱讀*。*
這些擴展名很容易解釋，但是強烈建議您仔細閱讀自述文件以正確設置它們。
如果您很難將它們設置爲可以正常工作，那麼在此倉庫中，我已經爲您完成了大部分工作react-native-starting-point。這將幫助您使用以下核心功能快速入門和運行：檢查我在各種配置文件中寫的內容，並在設置中複製它們。
並且，當然，我在命令行中添加了VSCode 。
第2節：所有其他功能
實用程序：它們都提供了一些我認爲有用的額外小功能。
- Atom Keymap
以前已經使用Atom了很多，這對我來說是保留已經學過的鍵綁定的最簡單方法。 - Auto Close Tag
- Auto Complete Tag
- Auto Rename Tag
3擴展名以簡化標籤管理 - Color Highlight
顏色使用HEX書寫顏色時，可能很難記住確切的顏色-這個小工具可以在您編寫顏色的地方預覽它。 - Git Blame
在與許多人一起進行項目時，您需要知道誰做了什麼，但是要小心：這是一把雙刃劍;） - Path Intellisense
導入組件/容器/圖像時編寫路徑通常會導致許多錯誤……但是後來我發現了這個小寶石。 - Rainbow Brackets
在RN中，您通常最終到處都有很多括號：這提供了一個小的視覺幫助，可以知道其中包含了什麼。 - SVG Viewer 我有時不時需要在代碼中添加一些SVG
，並且能夠同時看到代碼和圖像。 - TODO Highlight
是的，我是經常在文件，項目等之間反彈的人之一-因此我最終在代碼註釋中寫了很多TODO / FIX THIS。這可以幫助我瞭解（而不是忘記）它們。 - change-case
能夠快速改變我的寫作方式。 - Code Spell Checker
由於我傾向於做錯別字和語法錯誤，這是一種祝福。 - npm和npm intellisense
生活在node_modules世界中意味着這兩個擴展是👌
一旦安裝了所有這些附加組件，我真的覺得自己很高興。但是，自然地，我還有另一件事要做……
第3節：主題
每個開發人員都有自己的方式來完善IDE的外觀：有些人喜歡主題明亮，而另一些人則希望獲得更像終端的UI體驗。
我傾向於喜歡深色的顏色，例如我的芽蝙蝠俠。
大概有十億個不同的主題，當我第一次寫這篇文章時，我設置了Code來使用Ayu的幻影版本；我覺得我可以建議的其他兩個好主題是 Darktooth 和《 One Dark (Sublime Babel)。
但是，大約一個月以來，我切換到了我的主題：Bimbo。黑暗，但又不是太“活躍”，並且擁有令人驚歎的調色板，我的眼睛爲此不斷感謝我。（你可以看到它是如何來是這裏）
除此之外，我還對IDE外觀進行了另外兩項修改：使用vscode-icons修改了項目可視化中的小圖標，並將這三行添加到了我的用戶設置中：
“editor.renderWhitespace”: “boundary”,
“editor.rulers”: [100],
“editor.cursorBlinking”: “solid”`
自從我安裝並自定義VSCode以來已經有一段時間了，我不得不承認我認真地認爲自己不會再改回Atom或Sublime。我的編碼經驗現在一直都比較好-但是，我仍然認爲這兩個IDE是不錯的選擇，因此，如果您使用它們，不要覺得被擱置一旁;）
讓我們所有人成爲朋友！
說到評論，您認爲我錯過了一些非常有用的擴展程序嗎？隨時分享您自己的列表！我真的很想聽聽您的反饋和建議:)
而且，一如既往
編碼愉快！🤖
