1. 程式人生 > >webstorm開發nodejs專案的相關配置

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,這個和輸入法的快捷鍵是衝突的,因此要修改下。

1、commond+shift+a調出命令面板


2、輸入basic,在出來的選單裡選擇“basic completion”,會彈出一個展示板,點選“keymap”就可以看到程式碼提示快捷鍵設定了


3、點選第一個選項


4、完成設定