webstorm開發nodejs專案的相關配置
一開始用sublime寫nodejs,發現他的程式碼提示還是不夠好用,另外有些地方出錯了,程式碼上面也沒有提示(明顯的格式錯誤等),有次一個低階的錯誤很久沒找出來,就是因為即使你寫了錯誤的引數,他仍然不會有錯誤的提示。
經過一番研究搜尋之後,決定試用下傳說中的js神器webstorm,確實是很棒!
說一些遇到的問題:
1、他會檢查拼寫錯誤,如果一個字串單詞他經常要提示你拼寫錯了,這個很煩,在這裡關掉:
help->find action->輸入typo->回車->spelling-typo去掉打鉤->完成
2、他如何才會有程式碼提示,特別是一些模組?這樣做:
點選你引入這個模組的連結
->出來一個燈泡
->點選燈泡
->出來一個選單
->點選選單第一項:下載模組(如果沒有這一項說明這個連結是死的,根本連不上這個檔案;或者你寫錯了;還有一種情況是這個檔案在之前下載過了,直接在lib裡面可以看到)
->還沒完成,在>preferences->Languages&Frameworks->Javascripts->Libraries->打鉤剛才下載模組->確定
如此這個模組就可以程式碼提示了
3、刪除專案:
>file->close project會關閉專案,回到初始的啟動頁面,可以再把啟動頁面顯示的最近專案點選關閉,他就不會出現了,硬碟上的檔案還會在那裡;
>或者直接關閉app,再次開啟,然後關閉最近專案的對應那條記錄,他就不會出現了
>如果要刪除徹底,在關閉專案之後,刪除掉硬碟上的檔案即可
4、讓nodejs有程式碼提示
因為我喜歡先建立資料夾,然後在裡面生成express專案,最後再建立一個空的webtorm到這個資料夾裡面。因此這個專案預設他也不是一個nodejs專案,在專案建立之後,要這樣操作:
>preferences->Languages&Frameworks->Node.js and NPM->Node.js Core Lib->點選enable按鈕
5、AngularJS程式碼提示
AngularJS程式碼提示也需要通過方法2導進來,雖然webstorm裡面可以看到各種外掛,包括AngularJS,但是並沒有程式碼提示的作用,記住,程式碼提示,除了nodejs可以通過開關開啟,其他的都要通過匯入這個類,來實現
6、修改喚出程式碼提示的快捷鍵
mac預設程式碼提示快捷鍵是command+space,這個和輸入法的快捷鍵是衝突的,因此要修改下。