【工具】WebStorm 2018 的破解、漢化與設置使用

WebStorm 是前端工程流行的 IDE，提供項目初始化配置、版本控制、代碼 Debug，支持全部前端語言及框架，牆裂推薦。

1、安裝與破解

直接在官網下載：https://www.jetbrains.com/web...
安裝後破解，2018 以上版本推薦使用激活碼方式破解。

1.1 修改 hosts 文件

Windwos系統 hosts 文件路徑爲：C:WindowsSystem32driversetc
Mac的hosts 文件路徑爲：/private/etc
Linux 的 hosts 文件路徑爲：/etc

查看是否含有 hosts 文件，若是沒有 hosts 文件就新建一個；
注意 hosts 文件是無後綴的 hosts.txt、hosts.sam 都是錯誤的；
建議複製一份 hosts 文件到桌面，而後修改桌面的 hosts 文件；
編輯保存後將桌面的那份 hosts 文件複製回去，彈出詢問框時選擇覆蓋便可；
這樣能夠避免因權限問題而沒法修改 hosts 文件。

找到 hosts 以後添加下面一行到文件中，目的是屏蔽掉 WebStorm 對激活碼的驗證

0.0.0.0 account.jetbrains.com

Mac 如何查看hosts?

打開 訪達/Finder，快捷鍵組合 Shift+Command+G 三個組合按鍵，並輸入 hosts 文件的所在路徑 /etc/hosts

使用文本編輯打開 hosts 添加代碼，若是遇到權限問題可將hosts文件先複製出來修改後再覆蓋原來的便可。

1.2 填寫激活碼

打開 WebStorm 選擇 Activate code（用激活碼激活），複製激活碼：

K71U8DBPNE-eyJsaWNlbnNlSWQiOiJLNzFVOERCUE5FIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6IkZvciBlZHVjYXRpb25hbCB1c2Ugb25seSIsImNoZWNrQ29uY3VycmVudFVzZSI6ZmFsc2UsInByb2R1Y3RzIjpbeyJjb2RlIjoiSUkiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJSUzAiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJXUyIsInBhaWRVcFRvIjoiMjAxOS0wNS0wNCJ9LHsiY29kZSI6IlJEIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiUkMiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJEQyIsInBhaWRVcFRvIjoiMjAxOS0wNS0wNCJ9LHsiY29kZSI6IkRCIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiUk0iLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJETSIsInBhaWRVcFRvIjoiMjAxOS0wNS0wNCJ9LHsiY29kZSI6IkFDIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiRFBOIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiR08iLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJQUyIsInBhaWRVcFRvIjoiMjAxOS0wNS0wNCJ9LHsiY29kZSI6IkNMIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiUEMiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJSU1UiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifV0sImhhc2giOiI4OTA4Mjg5LzAiLCJncmFjZVBlcmlvZERheXMiOjAsImF1dG9Qcm9sb25nYXRlZCI6ZmFsc2UsImlzQXV0b1Byb2xvbmdhdGVkIjpmYWxzZX0=-Owt3/+LdCpedvF0eQ8635yYt0+ZLtCfIHOKzSrx5hBtbKGYRPFDrdgQAK6lJjexl2emLBcUq729K1+ukY9Js0nx1NH09l9Rw4c7k9wUksLl6RWx7Hcdcma1AHolfSp79NynSMZzQQLFohNyjD+dXfXM5GYd2OTHya0zYjTNMmAJuuRsapJMP9F1z7UTpMpLMxS/JaCWdyX6qIs+funJdPF7bjzYAQBvtbz+6SANBgN36gG1B2xHhccTn6WE8vagwwSNuM70egpahcTktoHxI7uS1JGN9gKAr6nbp+8DbFz3a2wd+XoF3nSJb/d2f/6zJR8yJF8AOyb30kwg3zf5cWw==-MIIEPjCCAiagAwIBAgIBBTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBMB4XDTE1MTEwMjA4MjE0OFoXDTE4MTEwMTA4MjE0OFowETEPMA0GA1UEAwwGcHJvZDN5MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxcQkq+zdxlR2mmRYBPzGbUNdMN6OaXiXzxIWtMEkrJMO/5oUfQJbLLuMSMK0QHFmaI37WShyxZcfRCidwXjot4zmNBKnlyHodDij/78TmVqFl8nOeD5+07B8VEaIu7c3E1N+e1doC6wht4I4+IEmtsPAdoaj5WCQVQbrI8KeT8M9VcBIWX7fD0fhexfg3ZRt0xqwMcXGNp3DdJHiO0rCdU+Itv7EmtnSVq9jBG1usMSFvMowR25mju2JcPFp1+I4ZI+FqgR8gyG8oiNDyNEoAbsR3lOpI7grUYSvkB/xVy/VoklPCK2h0f0GJxFjnye8NT1PAywoyl7RmiAVRE/EKwIDAQABo4GZMIGWMAkGA1UdEwQCMAAwHQYDVR0OBBYEFGEpG9oZGcfLMGNBkY7SgHiMGgTcMEgGA1UdIwRBMD+AFKOetkhnQhI2Qb1t4Lm0oFKLl/GzoRykGjAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBggkA0myxg7KDeeEwEwYDVR0lBAwwCgYIKwYBBQUHAwEwCwYDVR0PBAQDAgWgMA0GCSqGSIb3DQEBCwUAA4ICAQC9WZuYgQedSuOc5TOUSrRigMw4/+wuC5EtZBfvdl4HT/8vzMW/oUlIP4YCvA0XKyBaCJ2iX+ZCDKoPfiYXiaSiH+HxAPV6J79vvouxKrWg2XV6ShFtPLP+0gPdGq3x9R3+kJbmAm8w+FOdlWqAfJrLvpzMGNeDU14YGXiZ9bVzmIQbwrBA+c/F4tlK/DV07dsNExihqFoibnqDiVNTGombaU2dDup2gwKdL81ua8EIcGNExHe82kjF4zwfadHk3bQVvbfdAwxcDy4xBjs3L4raPLU3yenSzr/OEur1+jfOxnQSmEcMXKXgrAQ9U55gwjcOFKrgOxEdek/Sk1VfOjvS+nuM4eyEruFMfaZHzoQiuw4IqgGc45ohFH0UUyjYcuFxxDSU9lMCv8qdHKm+wnPRb0l9l5vXsCBDuhAGYD6ss+Ga+aDY6f/qXZuUCEUOH3QUNbbCUlviSz6+GiRnt1kA9N2Qachl+2yBfaqUqr8h7Z2gsx5LcIf5kYNsqJ0GavXTVyWh7PYiKX4bs354ZQLUwwa/cG++2+wNWP+HtBhVxMRNTdVhSm38AknZlD+PTAsWGu9GyLmhti2EnVwGybSD2Dxmhxk3IPCkhKAK+pl0eWYGZWG3tJ9mZ7SowcXLWDFAk0lRJnKGFMTggrWjV8GYpw5bq23VmIqqDLgkNzuoog==

WebStorm 激活成功，該激活碼有效期爲2018.5.5-2019.5.4，此激活方式也適用於 IntelliJ IDEA 和 Pycharm。

還有永久激活方式，推薦教程 MacBook Jetbrains 全系列永久激活

2、漢化

不推薦漢化的緣由是：

• 可能下載到存在病毒的漢化包；
• 大多數軟件仍是以英文爲主，若是你熟悉了一種軟件能夠說就一通百通；
• webstorm 2018 以上版本漢化後可能出現配置或 Structure 功能失靈等問題。

分享漢化包下載地址：jetbrains 全系列漢化文件百度雲下載

找到相對應軟件與版本的漢化包，我選擇 WebStorm 文件夾下的 2018.2 版本：

關閉 WebStorm，打開 WebStorm 安裝目錄

進入 /lib/ 目錄下，將漢化文件複製過來：

打開 WebStorm 驗證是否漢化成功！而且查看 設置/首選項/Preferences 以及 Structure 是否可用。

若是沒有加載到漢化文件，簡單粗暴的方式，是備份 resorces_en.jar，把漢化文件假裝/命名爲 resorces_en.jar（WebStorm 默認的語言配置）。

3、設置外觀與主題

我選用 IDE 外觀主題爲黑色，代碼編輯塊混搭 Sublime Text 的風格:

3.1 IED 外觀

首先打開 WebStorm 的 Preferences/Setting 設置選項：

找到 Appearance/外觀，修改 Theme/主題爲 Darcula

還能夠修改整個 IDE 的字體，確認 APPLY/應用後主題更新。

3.2 編輯器配色

在 WebStorm 的 Preferences/Setting 設置界面中，找到 Editor/編輯器 > Corlor Scheme/配色方案，能夠看到有不少種編輯器主題供選擇：

例如 選擇 Monikai 主題後，點 APPLY/應用，代碼配色更改！

此時 Monikai 主題下的 Vue 文件代碼配色：

3.3 導入主題

咱們能夠在 WebStorm 中配置喜歡的主題，例如 Sublime text 3 默認的配色是 monokia，但 WebStorm 提供的 monokia 配色不太好看，因此咱們下載喜歡的配色，推薦一個：Sublime 主題色 GitHub 下載傳送門

下載主題後，經過導入配置文件的方式加載設置：

若是沒有生效，在 WebStorm 的 Preferences/Setting 設置界面中，找到 Editor/編輯器 > Corlor Scheme/配色方案
查看 Scheme 是否有新加的主題，若是沒有導入進來，就 Import Scheme。

最後.vue 文件的配色效果以下：

若是還想個性配置，在 Editor/編輯器 > Corlor Scheme/配色方案 展開後能夠看到各種選項實現自定義配色。

4、設置語言&框架

打開 WebStorm 的 Preferences/Setting 設置面板：

在 Language & Frameworks / 語言&框架 中設置項目依賴的語言版本和各種插件路徑。

WebStorm 支持幾乎全部不一樣語言的各類版本，例如 JavaScript 可選 ES六、ES五、JS1.8 等：

大部分的狀況下 WebStorm 會自動尋找依賴的語言包或插件在本地安裝的位置，咱們能夠確認或設置 Node 及 NPM 的路徑，

注意到 NPM 包管理，這些依賴包都是在建項目或安裝包時的版本，能夠對包版本進行更新管理。

5、集成其它應用

Webstorm 能夠集成第三方應用，例如 Terminal/終端、Web Browsers/瀏覽器等其它外部工具，仍是在 Perferences/首選項/設置 -> Tools/工具中設置：

5.1 瀏覽器

設置頁面預覽的瀏覽器：

5.2 Terminal

設置鏈接 Terminal/終端 的路徑：

推薦一款 Terminal 的工具： oh-my-zsh，支持主題切換和高亮語法關鍵字等。

Terminal 安裝 oh-my-zsh：

$ sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

安裝完成後 Terminal 風格：

在 WebStorm 中的 Terminal：

6、快捷鍵

安利一個快捷鍵小工具 - CheatSheet，安裝後長按 Command 就會出現當前應用全部快捷鍵： CheatSheet 在 MAC 的安裝步驟

6.1 編輯類

簡單通用的複製、粘貼、剪切、全選、查找等就不列出了，推薦幾類高效的快捷鍵。

• 下一處相同代碼加入光標： control + G
• 全部相同代碼選擇：control + G + command
• 取消光標：control + G + shift

*小栗子：對於重複代碼或標籤等快速選擇：

統一進行修改:

項目全局查詢：

• 查詢代碼：command + shift + F
• 查找文件：command + shift + O

代碼區域選擇（從當前光標位置開始）：

• 擴展選擇區：option + ↑
• 取消選擇區：option + ↓
• 向上擴展：shift + ↑
• 向下擴展：shift + ↓

6.2 代碼類

• 複製當前行：command + D
• 格式化代碼：command + option + L
• 行註釋：command + /
• 塊註釋：command + option + /

關於 command + shift + 方向：

• 代碼上移一行：command + shift + ↑
• 代碼下移一行：command + shift + ↓
• 向左選中：command + shift + ←
• 向右選中：command + shift + →

代碼摺疊：

• 塊展開：command + option + +
• 塊摺疊：command + option + -
• 所有展開：command + shift + +
• 所有摺疊：command + shift + -

其餘好用的快捷鍵或者炫酷的功能歡迎留言補充。

加油哦少年！