webstorm2018永久修改版包含了激活碼、使用教程、漢化包、修改補丁和非常詳細的圖文教程。很多朋友不知道任何安裝webstorm2018，現在不用擔心了，小編親測后教給大家，請參照下面的安裝修改方法進行操作。

官方介紹

WebStorm是jetbrains公司旗下一款javascript開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ idea同源，繼承了IntelliJ IDEA強大的JS部分的功能。

webstorm2018修改版特色

代碼格式化

代碼不僅可以格式化，而且所有規則都可以自己來定義

智能的代碼補全

支持不同瀏覽器的提示，還包括所有用戶自定義的函數(項目中)

代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

聯想查詢

只需要按著Ctrl鍵點擊函數或者變量等，就能直接跳轉到定義；可以全代碼導航和用法查詢項目查找函數或者變量，還可以查找使用并高亮。

html提示

大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html里面還能有js提示。

代碼檢查和快速修復

可以快速找到代碼中的錯誤或者需要優化的地方，并給出修改意見，快速修復。

代碼重構

這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變量/函數、內聯變量/函數、移動/復制、安全刪除等等。

代碼結構瀏覽

可以快速瀏覽和定位

代碼調試

支持代碼調試，界面和IDEA相似，非常方便。

包裹或者去掉外圍代碼

自動提示包裹或者去掉外圍代碼，一鍵搞定

代碼折疊

功能雖小，不過勝在方便高效

webstorm功能

編輯語言

· 支持HTML5

· css/js

· 檢驗和快速修復

· Zen編碼

· 顯示內容

· 顯示應用的風格

JavaScript

· 基于DOM，特定瀏覽器完成

· 編碼導航和用法查詢

· 支持ECMAScript

· 支持CoffeeScript

· 支持結點

· JavaScript重構

· JavaScript單元測試

· 代碼檢測和快速修復

· JSLint/JSHint

· 基于 Mozilla的JavaScript調試器

便捷的環境

· HTML5樣本文件和其他Web應用程序模板

· FTP和遠程文件同步

· 集成了版本控制系統

· 本地記錄

其他用途

· 批量代碼分析

· 編碼語言混合或內混

· 拼寫檢查器

· 重復代碼檢測器

webstorm2018安裝+修改+漢化教程

安裝教程：

1.解壓縮在綠色資源網下載的webstorm文件包，雙擊“WebStorm-2018.3.1.exe”進行安裝。

2.點擊“next”繼續，會到如下圖的位置，設置安裝路徑，默認即可（建議是默認，其他路徑可能無法修改成功），然后點擊“next”

3.配置webstorm安裝項，注意看圖中的文字介紹，不要直接下一步了，不然功能缺失又要重新來過的。

4.設置好后，點擊next就到了如圖這個位置，選擇“Install”繼續

5.接下來就是等待自動安裝，大概兩三分鐘就好了

6.安裝好后，就到了如圖這個位置，選擇“I want to manually reboot later”，不要立即運行webstorm（如圖），關系到下面的修改問題

7.到這來就安裝完成了，還是不要打開webstorm，接下來開始修改。

修改教程：

這里小編帶來兩種修改方法，一種用注冊碼修改；一種用修改補丁。

修改方法一：（最簡單）

1.找到文件夾中的“webstorm注冊碼獲取地址.txt”文檔打開，會有一個網頁地址（http://idea.lanyus.com/），是用來獲取注冊碼的，直接進入

2.點擊下方的“獲得注冊碼”，會自動生成一串注冊碼信息

3.打開webstorm（上面說不要運行是第二種修改方法要用到的），勾選“Do not import settings”，點擊“ok”

4.接下來兩步分別選擇如圖框起來的地方（只是為跳過）

5.然后到了下圖這個位置，選擇中間的“Activation code”，輸入上面獲得的注冊碼，點擊“ok”就激活了

6.如果沒有修改成功，貼完注冊碼后，不要點ok，我們先把host修改下

7.hosts路徑為：C:\Windows\System32\drivers\etc\hosts，用記事本打開hosts，在末尾加上“0.0.0.0 account.jetbrains.com”，點擊保存即可，然后再點擊上圖的“ok”

修改方法二：

1.打開“webstorm修改補丁”文件夾，將“JetbrainsIdesCrack-3.4-release-enc.jar”文件復制到webstorm安裝目錄下的bin文件夾中（ps：一定要放對，不然無法繼續修改操作了）

2.修改bin目錄下的webStorm.exe.vmoptions和webStorm64.exe.vmoptions（一個是32位的，一個是64位的），建議一起修改。

用記事本打開，在文件最后面加上下面的代碼：（和上面改hosts方法一樣）

-javaagent:C:/Program Files/JetBrains/WebStorm 183.4588.47/bin/修改補丁名字.jar

（ps：-javaagent:C:/Program Files/JetBrains/WebStorm 183.4588.47/bin/為安裝路徑，不能錯，錯了的話，軟件是無法打開的）

3.運行webstorm后，選擇“Do not import settings”，點擊“ok”

4.然后可以跳過設置，選擇“skip remaining and set defaults”

5.選擇“Activation code”，將上面加入的一串代碼貼到方框中，點擊”ok“即可

6.如果輸入代碼后遇到”key is invalid的“提示（如下圖），請關閉軟件，再次打開重復第5步的操作即可

漢化教程：

1.找到lib目錄下的”resources_en.jar“文件刪除（可以先備份，以防漢化失?。瑢ⅰ眞ebstorm漢化包“中的”resources_cn.jar“復制到lib文件夾即可。

2.到webstorm2018漢化修改版就完成了，打開就變中文了

webstorm使用教程

Webstorm 主題、背景、顏色等設置的導入導出

1、導出設置

2、導入設置

Webstorm垂直分欄，在需要分欄的文件上右擊，選著垂直拆分。就可以拖動，形成左右分欄

使用WebStorm開發web前端 網頁中文亂碼問題的解決方案

試了很多種解決網頁顯示中文亂碼問題的方式，最后發現統一更改編碼格式的方法才是正確有效而且一勞永逸的。
具體方法：file -----> settings 搜索encoding
在fileencoding下，將IDE Encoding，project Encoding和下面的Default Encoding for properties file都更改為utf-8。
這樣，之后每次新建的文件都會默認為編碼格式為utf-8，不需要再在每個文件或者每個對文件的引用中添加charset=“utf-8”。
至于在統一更改編碼格式之前編寫的文件，如果在網頁上顯示是亂碼，證明它之前的編碼格式不是utf-8，需要將其內容復制出來后，將文件刪除，再新建一個文件，再把內容粘貼到新建的文件中。這樣，該文件的編碼格式也就更改了。如果在webstorm中都顯示為亂碼的話，那只能在新建之后手動重新把中文寫一遍。
建議：在統一更改編碼格式之前先把有中文的內容復制到別的地方保存一下，方便新建的時候直接粘貼。

讓webstorm兼容ES6語法

設置技巧：

如何讓webstorm啟動的時候不打開工程文件：

File -> Settings->General去掉Reopen last project on startup.

如何更改主題（字體&配色）:

File -> settings -> Editor -> colors&fonts -> scheme name.主題下載地址

如何顯示行號：

File -> Settings->Editor，”Show line numbers”打上勾，就顯示行號了

如何完美顯示中文：

File -> Settings->Appearance中勾選Override default fonts by (not recommended)，設置Name:NSimSun，Size:12

如何點擊光標，顯示在本行末尾：

File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就行了。

如何代碼自動換行：

File -> settings -> Editor “Use Soft Wraps in editor” 打上鉤，代碼就自動換行了

如何修改快鍵鍵：

File -> Settings->Keymap，然后雙擊要修改快捷的功能會有提示框出來，按提示操作

換成自己熟悉編輯器的快鍵鍵：

File ->Settings->Keymap，支持像visual studio、eclipse、NetBeans這樣的主流IDE。

javascript類庫提示。

File -> settings -> Javascript -> Libraries -> 然后在列表里選擇自己經常用到的javascript類庫，最后Download and Install就ok了.

在開發js時發現，需要ctrl + return 才能選候選項：

File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改為 “Always”

js提示比較遲緩

File -> Code Completion -> Autopopup in 下 1000改為0

git配置：

File -> settings -> Editor -> github，進去改github的賬戶，如果沒有git則不需要.

插件安裝：

File ->plugins，然后就選擇給力的插件們再安裝.(“css-X-fire”插件,用于當使用firebug修改css屬性時，編輯器內的css代碼也會發生變化。）

使用心得：

面包屑導航：

除了左側的工程頁面，可以選擇目錄之外，在頂部菜單下有一個類似網站面包屑導航一樣的目錄也可以實現相同功。點擊每個目錄就會有下拉菜單顯示其下的子目錄，很實用.

收藏夾功能:

當工程目錄很龐大時，有些子目錄很經常打開，但層級又很深，這時候可以把目錄添加到收藏夾里面，添加成功后，左側有個“Favorites”菜單

構造器界面:

注釋符合格式的話就會出現。如果是js文件則是js類的函數和對象；css文件的話則是這個css文件的概括；html文件的話則是節點的結構圖。話說這幾個就是為了方便查看代碼的結構性.

雙欄代碼界面：

右擊代碼選項卡上的文件，然后右鍵 -> spilt vertically(左右兩屏)或者spilt horizontally(上下兩屏)

todo界面：

給代碼加todo注釋就會出現這個界面

本地歷史功能:

找回代碼的好辦法