WebStorm 有哪些過人之處?

2021-09-08 19:21:36 字數 3432 閱讀 9977

先說缺點吧:

常駐記憶體300m左右,如果你的記憶體只有1g,請用sublime/vim。如果你記憶體有4g,我覺得你真不用在意這點記憶體,chrome 佔的記憶體比這多多了,你還不是用的很嗨?

啟動乙個專案所需的時間與專案大小相關。不願意等的請用sublime。某人說 ide 的正確開啟方式是上班啟動之,下班關閉之。更有甚者說是入職啟動之,辭職關閉之。你們感受一下。

英語太差的就不要用 ws 了,喜歡花時間調教 vim 各種外掛程式的也沒必要用 ws 了。

所以我覺得,如果你機器的記憶體有 4g 以上,你每天花在寫**上的時間又很長,而且沒有時間精力折騰 vim 各種蛋疼的外掛程式的話,一定要試試 webstorm!

webstorm 為前端而生,專門為 js 開發做了很多優化,有許多令前端工程師眼前一亮的地方,我十分喜歡這款 ide。下面講下我覺得非常有用的幾個功能(絕大部分是官方發行版本自帶的功能)。

---update: webstorm 8 已經對我說的部分功能做了使用者體驗上的優化,所以具體細節可能和我說的有出入。

---1. 寬高提示。

2. 標籤重構、檔案重新命名、 css 重構以及 js 重構

2.1 標籤重構

如果你想把

此處省略200行

改為

此處省略200行

要怎麼辦?在 ws 裡,你只需將游標移到 或者

,讓後按重構的快捷鍵就可以輕鬆地把它變為 p 標籤。

2.2 檔案重新命名

你想把 style1.css 重新命名為 style2.css,但是 style1.css 被很多 html 檔案引用了,怎麼辦?

使用 ws 的檔案重新命名功能,大膽地重新命名吧,它會自動幫你更新所有引用。(前提是你的引用是正確且符合常規的)

2.3 css 重構

另外,如果你想把內聯的 style 移到外部 css 檔案裡,也是可是通過重構功能實現的。雖然在生產環境下你不會在 html 裡寫內聯 style 的,但我們除錯時為了方便,會經常這麼做。等你除錯完了,自然會用到這個功能。

js 重構也很好用。包括變數重新命名、宣告提公升等等等等。ws 是我用過的對 js 重構支援最好的 ide。你可以告訴我還有什麼 ide 對 js 重構支援不錯,我去比較下。

3. 對業界最新技術的支援

你安裝 ws 後,你會發現它內建了對 sass、nodejs、coffeescript、jade 的支援。

連 emmet 都內建了,而且快捷鍵還是 tab,太方便了。沒有這個功能我都不想寫 html 了。

如果它發現你的檔案字尾是 .less/.scss/.sass 或者 .coffee,就會問你,是否需要把它們自動編譯為 css 或 js。

如果它發現你有 npm,會自動列出你安裝過的 package,方便管理和公升級。(這個貌似需要裝 nodejs 支援外掛程式,我記不清是不是自帶功能了。)

4. 可自定義**格式化規則

雖然很多 ide 都有格式化功能,但能自定義到 ws 這種程度的還沒見過。

5. 設定項是可搜尋的(英文)

「這個 ide 有這麼多設定項,我要折騰好久啊!」

ws 考慮到了這一點,所以他的所有設定都是可搜尋的,不會讓你漫無目的地摸索,你想設定什麼就搜什麼。

想設定快捷鍵,就搜 keymap;

想設定外掛程式就搜 plugin。

當你進入 keymap,你還可以進行二級搜尋,比如你想知道 format 功能的快捷鍵,就直接搜 format。

你甚至可以反過來,搜 ctrl + l 這個快捷鍵對應的功能是什麼。

p.s. ws 的快捷鍵是支援二次按鍵的。比如我把 git add 的快捷鍵設定為 alt+g & alt + a,把 git commit 設定為 alt+g & alt+c。這樣的好處是不會讓你無快捷鍵可設。

6. 再說說其他 ide 也有的功能吧

6.1. 本地版本控制。你在 ws 裡所有的編輯都被存在本地了,你隨時可以還原到歷史版本。

6.2. 能與番茄工作法結合。有個外掛程式叫 pomodoro-tm,應該有不少程式設計師喜歡。

6.3. 能與 redmine / trello / jira 等整合。

js 檔案結構

好功能太多,有機會以後再介紹了。

---------------------------------------------

vim / st 黨可能會說,你這些功能 vim / st 也能做到啊。嘿嘿,做不做得到先不談,ws上面這些功能可都是內建的哦,無需任何配置,改改快捷鍵就能很稱手了喲。現在如果要我用回 vim / st,我想得第一件事就是「把 vim 改造成乙個類似於 webstorm 的 ide 需要花多久時間呢?」

1. 編輯器和 ide 是不同的事物,如果你還認為 vim / st 比 ide 好的話,你為什麼不來比較一下吸塵器和自行車孰好孰劣呢?

2. 我說 ws 好的時候,絕對沒有說 vim / st 不好的意思。 vim 和 st 我都用過超過半年以上,都是不錯的「編輯器」,比 ws 快多了。ws 能比它們快才是奇了怪了。

3. 至於 notepad++,也很不錯,我大學時用過至少一年,不過在我習慣了 vim 之後就把它拋棄了。所有不支援 vim 模式的編輯器或 ide 我應該都不會再喜歡了。

4. 我的路線大概是 notepad++ => st2 => vim => webstorm、st3、vim 共存

來自黑洞的力量,VPO電子菸有何過人之處?

從 17 年下半年至今小煙產品已經在電子煙市場上火了一年有餘,並且還在持續著這股熱潮。於近期上市的vpo品牌 黑洞 小煙彷彿來的有些晚,但是真正上手之後不難發現這款小煙產品確實是有備而來,更難等可貴的是在體型如此緊湊的產品之上還能夠有非常細緻的設計。vpo小煙在包裝設計以及內部排列甚至是說明卡片的設...

漩渦鳴人的十大過人之處

漩渦鳴人的十大過人之處 1.珍惜夥伴不管面對怎樣的強敵,遇到怎樣的危險,鳴人對夥伴始終不離不棄,甘願為了夥伴的性命而戰鬥到最後一刻,為此鳴人越來越強,不斷得到大家的認可,不斷接近自己的目標,也有越來越多的人成了他的夥伴,與他並肩作戰。珍惜夥伴是九尾小子身上最大的優點,也許也是許多人喜歡他,喜歡 火影...

淨水器哪個牌子好 曼洛頓的五大過人之處

環境汙染導致人們無法正常健康的生存,空氣和水首當其衝,水汙染也是目前國內根本無法避免的難題之一,怎麼辦?新興水家電淨水器應運而生,其實在國外,淨水器的普及率已經非常之高了,可以達到85 以上,即便國外水質普遍優於國內。近幾年,我國淨水器 家用淨水器等淨化裝置開始逐步的走進千家萬戶,之所以會這樣,因為...