從最開始用sublime3到webstrom再到vscode,我的感覺如下:
sublime首次加載項目文件速度較快,每次裝插件有點麻煩,插件很豐富,也很好用.
webstrom首次加載項目文件速度奇慢無比,尤其對於webpack依賴的模塊較多的時候.
vscode是一個前同事推薦的,秒開項目,稱它為最快加載速度的編輯器,確實也配得上.
記得剛來公司工作的時候,我的電腦是一台4G內存的舊電腦,最開始是用的sublime,剛開始就切切頁面,並兼容IE6,沒什么問題.后來換成webstrom也沒事,並且用到某些快捷鍵,覺得非常爽,快速找到定義的方法的快捷鍵,折疊代碼,回退到上一次光標的位置,快捷打開文件當前目錄,自動快速導出項目結構圖,自定義配置格式化代碼等,npm,svn,git自動集成在軟件里,感覺真是神器.
剛用gulp開發項目的時候,電腦一點問題沒有,之后用webpack后軟件開始崩潰,電腦頻繁死機,這段時間感覺webstrom用的真糟心,最后聽同事建議換成vscode確實很爽,很快,但是沒有webstrom那么多的集成功能還是用的不舒服.
受不了的時候換了台新電腦,並加到8G內存,又重新開始使用webstrom,因為軟件開始打開很慢,我就長時間不關機.有時會多開項目,電腦也不會卡的厲害,電腦卡的問題解決后,強力建議用webstrom.
以下是我用webstrom的一些心得:
vue項目的配置:
ES6 node配置:
自定義格式化代碼配置如下:
多多嘗試專研一下,可以配置到和eslint的定義格式幾乎一樣.
並且可以一鍵加上分號或者去掉之類的功能都有!
格式化代碼一鍵完成~~~真是爽的不要不要的~~~~~
eslint配置文件webstrom直接支持,放在文件的根目錄下,
配置如下:
這樣代碼格式不正確的話編輯器會自動紅線提示報錯,可視化修改.快速規范團隊的代碼.
alt+crtl+f12 打開當前文件目錄
alt+crtl+u 代碼大小寫切換
alt+crtl+l 格式化代碼
alt + 鼠標左鍵 單擊或者滑動 多行光標操作
代碼中todo注釋 控制台的todo功能快速找到todo的地方
代碼自動補全和方法自動索引都是很好用的自帶功能.
webstrom第一次用命令窗口npm install 安裝所有依賴包的時候,有時會導致軟件崩潰,因為依賴包第一次安裝不會排除出去,這是我用到現在感覺最坑的地方,
每次我新建復制一個項目,我都會先用git命令窗口安裝依賴包,然后再用webstrom打開項目,如果還會卡死,我就刪除再來一遍.這樣出問題會少一點.
=====================================分割線=============================
最近在升級配置webpack4.0,需要在webstrom新開項目去配置webpack,這時候電腦卡的要死,因為要不斷的升級插件,安裝各種依賴包.現在嚴重懷疑在webstrom下,新安裝的依賴包會嚴重增加webstrom索引加載,使得電腦死機,
無奈就又用vscode去配置項目,感覺vscode運行代碼是真的快.這個軟件還是不錯的,很值得去用.webstrom慢的要死,我現在宣布已經不是死忠粉了^_^.用window cmd去跑項目,並且crtl+c點擊2次很容易殺死進程.
經過不斷的調試,多次啟動結束webpack server,花費了3天時間,今天終於把webpack3.0升級到4.0雛形.希望可以過幾天就將項目升級.^_^............
其間遇到了不少報錯,插件失效,babel編譯出問題的地方.
先准備升級的第一個項目,大概20多個頁面,以前項目打包需要用時60秒左右.
升級后的項目,打包后驚喜的發現,第一次打包用時20秒左右,繼續多次打包用時只需13秒左右,感覺像是webpack4.0緩存功能升級了?真的好快.竊喜!!!!!
接下來會寫幾篇文章和大家分享自己升級的心得,以及遇到的些許坑.希望能幫助到大家,並與大家一起進步.
=====================================分割線=============================
不好意思我又來加東西了,這段時間一直在用vscode去編寫egg.js應用,速度快反應快確實好用,很適合寫node應用,加個eslint和egg.js插件,保存代碼直接格式化代碼,快速書寫egg函數,用起來確實很不錯.但是對於編寫代碼老是達不到自己想要的那種體驗,
然后我又重新打開了webstrom,寫起代碼來真是得心應手很多,不得不佩服神器還是神器啊.但是vscode我也沒有關閉,我用vscode調試代碼,保存格式化代碼.2個編輯器合作一起編寫代碼,感覺真的要上天.
下邊放出一些webstrom編輯技巧,也是為什么我還是丟不掉這個神器的原因所在,
1.我很不喜歡當前編輯哪個文件,左側文件索引就在哪個位置上.關了之后,但是有時候我又會有個需求就是想找到這個當前編輯文件在左側的索引位置.是不是感覺自己很矛盾...這時候在webstrom里, 使用alt+F1快捷家,點擊第一項就可以了.
2.webstorm常用live templates快捷鍵 這個功能我會另外安排一篇文章去詳解,提高代碼書寫速度真的是6的飛起.速度上車https://www.cnblogs.com/chengfeng6/p/10255244.html :smile:
3.Ctrl+Shift+”+/-”，全部展開、折疊.雖然vscode也有這個功能,但是默認快捷家好繁瑣,必須按2次快捷鍵組合,想想都頭疼,真的沒精力去記這個東西啦,有人可能會說可以自定義設置,但是我就是懶,不想去記那么東西.(￣□￣)3|| ╮(╯▽╰)╭ ╮(╯_╰)╭ ╮(﹀_﹀")╭
4.alt + ←→ 返回光標 上次瀏覽位置.
5.ctrl+鼠標左鍵,快速查看方法定義處,vscode也有這個功能,但是總感覺沒有webstrom的強大.
6.ctrl+alt +F12可以快速打開當前文件的電腦文件夾,也是很好用的功能.
6.更多快捷鍵請看這篇文章.https://juejin.im/post/5b0e18e4518825153a440acf
以上快捷鍵可能會和默認的不同,因為我選擇的是eclipse的默認快捷配置,請大家多注意,
並且設置好了webstrom快捷鍵的設置之后,可以導出一個配置文件,放到雲盤里,以后不管走到哪里都可以快速導入,還是那個感覺.倍爽.
對於webstrom占用內存過大,大家可以加加內存,換台配置高點的機器,再搞2台顯示器,一個寫代碼,一個看效果,大大提升工作效率.畢竟和工作效率高的人一起合作才舒服.
作為一個碼農,如果感覺電腦不合適,在公司里的話,一哭二鬧三上吊,在家里的話省吃儉用換台好機子.:joy: :joy:
一定要提高寫代碼的速度,要不然會被背地里吐槽死,如果碰上公司優化人員,那豈不是悲劇了.加油共勉.:stuck_out_tongue_closed_eyes:
=====================================分割線=============================
年后項目組解散,轉了部門,在主管建議下,開始使用vscode,經過熟悉和安裝他推薦的插件后,直接把webstorm卸載了...
原因是vscode速度真的太快太快了,秒開項目,軟件免費,安裝包也很小,下載方便.
git集成,主題插件,格式化代碼,注釋,代碼提示,代碼調試等等,只有你想不到,沒有做不到.需要什么功能只需要搜索安裝插件即可.贊贊贊贊贊贊.
常用的一些快捷鍵和插件,見vscode快捷鍵博客.
=====================================分割線=============================
沒想到這個帖子這么火.
19年8月12日那我繼續跟進.
接下來我會將webstrom以前自己常用功能,以前我覺得vscode做不到的教程全寫出來.
從入行到現在,我使用了3年多的webstorm ,半年sublime,一年半vscode.
我可以負責任的告訴大家,vscode絕對排第一.申明:本人絕對沒有任何利益相關.
以上都是本人片面意見.webstrom還是有很多好的地方的.我只是覺得慢了一些.
有任何意見可以下方留言,或者有什么更好的快捷功能可以下方留言.
本人微信zhijunxh.也可以加微信討論.