webstorm2018永久修改版包含了激活碼、使用教程、漢化包、修改補(bǔ)丁和非常詳細(xì)的圖文教程。很多朋友不知道任何安裝webstorm2018，現(xiàn)在不用擔(dān)心了，小編親測(cè)后教給大家，請(qǐng)參照下面的安裝修改方法進(jìn)行操作。

官方介紹

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

webstorm2018修改版特色

代碼格式化

代碼不僅可以格式化，而且所有規(guī)則都可以自己來(lái)定義

智能的代碼補(bǔ)全

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

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

聯(lián)想查詢

只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義；可以全代碼導(dǎo)航和用法查詢項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮。

html提示

大家經(jīng)常在js代碼中編寫html代碼，一般來(lái)說(shuō)十分痛苦，不過(guò)有了智能提示，就爽多了。而且html里面還能有js提示。

代碼檢查和快速修復(fù)

可以快速找到代碼中的錯(cuò)誤或者需要優(yōu)化的地方，并給出修改意見，快速修復(fù)。

代碼重構(gòu)

這個(gè)操作有些像Resharper，熟悉Resharper的用戶應(yīng)該上手很快，支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動(dòng)/復(fù)制、安全刪除等等。

代碼結(jié)構(gòu)瀏覽

可以快速瀏覽和定位

代碼調(diào)試

支持代碼調(diào)試，界面和IDEA相似，非常方便。

包裹或者去掉外圍代碼

自動(dòng)提示包裹或者去掉外圍代碼，一鍵搞定

代碼折疊

功能雖小，不過(guò)勝在方便高效

webstorm功能

編輯語(yǔ)言

· 支持HTML5

· css/js

· 檢驗(yàn)和快速修復(fù)

· Zen編碼

· 顯示內(nèi)容

· 顯示應(yīng)用的風(fēng)格

JavaScript

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

· 編碼導(dǎo)航和用法查詢

· 支持ECMAScript

· 支持CoffeeScript

· 支持結(jié)點(diǎn)

· JavaScript重構(gòu)

· JavaScript單元測(cè)試

· 代碼檢測(cè)和快速修復(fù)

· JSLint/JSHint

· 基于 Mozilla的JavaScript調(diào)試器

便捷的環(huán)境

· HTML5樣本文件和其他Web應(yīng)用程序模板

· FTP和遠(yuǎn)程文件同步

· 集成了版本控制系統(tǒng)

· 本地記錄

其他用途

· 批量代碼分析

· 編碼語(yǔ)言混合或內(nèi)混

· 拼寫檢查器

· 重復(fù)代碼檢測(cè)器

webstorm2018安裝+修改+漢化教程

安裝教程：

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

2.點(diǎn)擊“next”繼續(xù)，會(huì)到如下圖的位置，設(shè)置安裝路徑，默認(rèn)即可（建議是默認(rèn)，其他路徑可能無(wú)法修改成功），然后點(diǎn)擊“next”

3.配置webstorm安裝項(xiàng)，注意看圖中的文字介紹，不要直接下一步了，不然功能缺失又要重新來(lái)過(guò)的。

4.設(shè)置好后，點(diǎn)擊next就到了如圖這個(gè)位置，選擇“Install”繼續(xù)

5.接下來(lái)就是等待自動(dòng)安裝，大概兩三分鐘就好了

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

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

修改教程：

這里小編帶來(lái)兩種修改方法，一種用注冊(cè)碼修改；一種用修改補(bǔ)丁。

修改方法一：（最簡(jiǎn)單）

1.找到文件夾中的“webstorm注冊(cè)碼獲取地址.txt”文檔打開，會(huì)有一個(gè)網(wǎng)頁(yè)地址（http://idea.lanyus.com/），是用來(lái)獲取注冊(cè)碼的，直接進(jìn)入

2.點(diǎn)擊下方的“獲得注冊(cè)碼”，會(huì)自動(dòng)生成一串注冊(cè)碼信息

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

4.接下來(lái)兩步分別選擇如圖框起來(lái)的地方（只是為跳過(guò)）

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

6.如果沒(méi)有修改成功，貼完注冊(cè)碼后，不要點(diǎn)ok，我們先把host修改下

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

修改方法二：

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

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

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

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

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

3.運(yùn)行webstorm后，選擇“Do not import settings”，點(diǎn)擊“ok”

4.然后可以跳過(guò)設(shè)置，選擇“skip remaining and set defaults”

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

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

漢化教程：

1.找到lib目錄下的”resources_en.jar“文件刪除（可以先備份，以防漢化失?。?，將”webstorm漢化包“中的”resources_cn.jar“復(fù)制到lib文件夾即可。

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

webstorm使用教程

Webstorm 主題、背景、顏色等設(shè)置的導(dǎo)入導(dǎo)出

1、導(dǎo)出設(shè)置

2、導(dǎo)入設(shè)置

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

使用WebStorm開發(fā)web前端 網(wǎng)頁(yè)中文亂碼問(wèn)題的解決方案

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

讓webstorm兼容ES6語(yǔ)法

設(shè)置技巧：

如何讓webstorm啟動(dòng)的時(shí)候不打開工程文件：

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

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

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

如何顯示行號(hào)：

File -> Settings->Editor，”Show line numbers”打上勾，就顯示行號(hào)了

如何完美顯示中文：

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

如何點(diǎn)擊光標(biāo)，顯示在本行末尾：

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

如何代碼自動(dòng)換行：

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

如何修改快鍵鍵：

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

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

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

javascript類庫(kù)提示。

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

在開發(fā)js時(shí)發(fā)現(xiàn)，需要ctrl + return 才能選候選項(xiàng)：

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

js提示比較遲緩

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

git配置：

File -> settings -> Editor -> github，進(jìn)去改github的賬戶，如果沒(méi)有g(shù)it則不需要.

插件安裝：

File ->plugins，然后就選擇給力的插件們?cè)侔惭b.(“css-X-fire”插件,用于當(dāng)使用firebug修改css屬性時(shí)，編輯器內(nèi)的css代碼也會(huì)發(fā)生變化。）

使用心得：

面包屑導(dǎo)航：

除了左側(cè)的工程頁(yè)面，可以選擇目錄之外，在頂部菜單下有一個(gè)類似網(wǎng)站面包屑導(dǎo)航一樣的目錄也可以實(shí)現(xiàn)相同功。點(diǎn)擊每個(gè)目錄就會(huì)有下拉菜單顯示其下的子目錄，很實(shí)用.

收藏夾功能:

當(dāng)工程目錄很龐大時(shí)，有些子目錄很經(jīng)常打開，但層級(jí)又很深，這時(shí)候可以把目錄添加到收藏夾里面，添加成功后，左側(cè)有個(gè)“Favorites”菜單

構(gòu)造器界面:

注釋符合格式的話就會(huì)出現(xiàn)。如果是js文件則是js類的函數(shù)和對(duì)象；css文件的話則是這個(gè)css文件的概括；html文件的話則是節(jié)點(diǎn)的結(jié)構(gòu)圖。話說(shuō)這幾個(gè)就是為了方便查看代碼的結(jié)構(gòu)性.

雙欄代碼界面：

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

todo界面：

給代碼加todo注釋就會(huì)出現(xiàn)這個(gè)界面

本地歷史功能:

找回代碼的好辦法