工欲善其事，必先利其器——前端開發工具指南

「工欲善其事，必先利其器」，前端工程師每天寫代碼、搭流程，而且要使用至少三門編程語言，沒有個好集成開發環境(IDE，Integrated Development Environment)那怎麼行？

本人使用過 editplus, notepad++, sublime,webstorm。感覺在多語言支持、直接遠程編輯腳本、啟動速度、鍛煉手寫代碼能力等方面還是editplus用著比較舒服，適合初期學習前端開發使用，而webstorm更適用用於後期開發過程中適用。

1

Editplus下載與安裝

1，保證瀏覽器正常上網

2，能下載軟體或已經下載到Editplus這個工具。

☆ 下載editplus

在瀏覽器輸入https://www.editplus.com/,然後回車。進入editplus官網，點擊download進行editplus下載。

根據自己的電腦系統的位數，選擇對應的軟體位數

☆ 註冊Editplus

在百度輸入，"Editplus註冊碼"，或者到下面的地址處 www.jb51.net/tools/editplus/

在用戶名處輸入任意用戶名,(我在此處選擇wcai001)，然後點擊生成，會生成註冊碼。然後打開電腦上安裝的Editplus，對照用戶名和註冊碼輸入，點擊註冊即可。然後關閉editplus。

重新打開Editplus後，點擊help菜單下的About Editplus...菜單項，你就會看到下面的

此圖說明註冊成功，點擊ok。然後可以使用此工具。

2

Webstorm註冊激活

webstorm 作為最近最火的前端開發工具,也確實對得起那個價格,但是秉著勤儉節約的傳統美德,我們肯定是能省則省啊。

方法一：（更新時間：2018/1/23）v3.3

註冊時，在打開的License Activation窗口選擇"License server"，在輸入框輸入下面的網址：

https://idea.codebeta.cn （新，感謝Rachelsalaheiyo提供）

https://idea.imsxm.com/

點擊：Activate即可。

方法二：獲取註冊碼

打開網址（IntelliJ IDEA 註冊碼），我們能看到下面的界面，直接點擊獲取激活碼，將生成的激活碼粘貼到WebStorm激活對話框中的Lisence Code輸入框，點擊OK即可破解。

方法三：使用破解補丁

首先下載補丁，看圖！

然後將補丁複製到安裝目錄的bin目錄下

1

ps

一定要把這個jar包複製到這個bin目錄，不然後面操作可能無法進行。

用文本編輯器打開之後，在文件最上面加一行代碼 ：

1

1

2

方法四:自己搭建IntelliJ IDEA授權伺服器

這個比較繁瑣,喜歡折騰的人可以試試:

IntelliJ IDEA License Server本地搭建教程

ilanyu』s大牛的博客里有詳細的步驟

如果有更好的方法,歡迎留言交流。

前端工具大全

點贊是一種鼓勵 分享是一種時尚

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！