天天看點

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調出指令面闆

webstorm開發nodejs項目的相關配置

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

webstorm開發nodejs項目的相關配置

3、點選第一個選項

webstorm開發nodejs項目的相關配置

4、完成設定

webstorm開發nodejs項目的相關配置