webstorm2018.3.1漢化修改版

webstorm2018永（yǒng）久修改版包含（hán）了激（jī）活碼、使用教程、漢化包、修改補丁和非常詳細的圖文教程。很（hěn）多朋友不知道任何安裝webstorm2018，現在（zài）不用（yòng）擔心了，小編親測後教給大家，請參照下麵的安裝修改方法進行操作。

官方介（jiè）紹

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

webstorm2018修改版特色（sè）

代碼格式化

代碼不（bú）僅可以格式化，而且所有規（guī）則都可以自己（jǐ）來定義

智能的代碼補全

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

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

聯想查詢（xún）

隻需要按著（zhe）Ctrl鍵點擊函數或者變量等，就能直接跳轉到定義（yì）；可以（yǐ）全代碼導航和用法查詢項目查找函數（shù）或者變量，還可以查找使用並高亮。

html提示

大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了（le）智能提（tí）示，就爽多（duō）了。而且html裏麵還能有js提示。

代碼檢查和（hé）快速修複

可（kě）以快速找到代碼中的錯誤或者需要優化的地方，並給出修改意見，快速修複。

代碼重構

這個操（cāo）作有些像Resharper，熟（shú）悉Resharper的用戶應該上手很快，支持的有重（chóng）命名、提取變量/函數、內聯（lián）變量/函（hán）數、移動/複製（zhì）、安全刪除等等。

代碼結構瀏（liú）覽

可以快速瀏覽（lǎn）和定位

代碼調試

支持代碼調試，界麵和IDEA相似，非常方（fāng）便。

包裹或者去（qù）掉外（wài）圍代碼

自動提（tí）示包裹或者去掉外圍代碼，一鍵搞定（dìng）

代碼折（shé）疊

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

webstorm功能

編輯語言

· 支持HTML5

· css/js

· 檢（jiǎn）驗和快速修複

· Zen編碼

· 顯示（shì）內容

· 顯示應（yīng）用的風格

JavaScript

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

· 編（biān）碼（mǎ）導航和用（yòng）法查詢

· 支持ECMAScript

· 支持CoffeeScript

· 支持結點

· JavaScript重構

· JavaScript單元測試

· 代（dài）碼檢測和快速修複

· JSLint/JSHint

· 基於 Mozilla的JavaScript調試器

便捷的環境

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

· FTP和遠程文件同步

· 集成了版本控製係統

· 本地記錄

其他用途

· 批量代碼分析

· 編碼（mǎ）語言混合或內混

· 拚寫檢查器

· 重複代碼（mǎ）檢測器

webstorm2018安裝+修改+漢化教程

安裝教程：

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

2.點（diǎn）擊“next”繼續，會到（dào）如下（xià）圖的位置（zhì），設置安裝路徑，默認即可（建議是默認，其他路徑可能無法修改成功），然（rán）後點擊（jī）“next”

3.配置（zhì）webstorm安裝項，注意看圖中的文（wén）字介紹，不要直（zhí）接下一步了（le），不然功能缺失又要（yào）重新來過的。

4.設置好後，點（diǎn）擊（jī）next就到了如圖這個位置（zhì），選擇“Install”繼續

5.接下來就是等待自動安裝，大（dà）概兩三分鍾就好了

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

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

修改教程：

這裏小編帶來兩種修改方法，一種用注冊碼（mǎ）修改；一種用修改補丁。

修改方法一：（最簡單）

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

2.點擊下（xià）方的“獲得注冊碼”，會自動生成一（yī）串注（zhù）冊碼（mǎ）信息

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

4.接（jiē）下來兩步分別選擇如圖框起（qǐ）來的地方（隻是為（wéi）跳過）

5.然後到了下圖這個位置，選擇中間的“Activation code”，輸入上麵獲（huò）得的注冊碼，點擊“ok”就激（jī）活了

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

7.hosts路徑為：C:\Windows\System32\drivers\etc\hosts，用（yòng）記事本打開hosts，在末尾加上“0.0.0.0 account.jetbrains.com”，點擊保存即可，然後（hòu）再點擊（jī）上圖的“ok”

修改方法二：

1.打開（kāi）“webstorm修改補丁（dīng）”文件夾，將“JetbrainsIdesCrack-3.4-release-enc.jar”文件複製到webstorm安（ān）裝目錄下的bin文件夾中（ps：一定要放對，不然無法繼續（xù）修改操作了）

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

用記事本打開（kāi），在文件最（zuì）後麵加上下麵的代碼：（和上麵改hosts方法一樣）

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

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

3.運行webstorm後，選（xuǎn）擇“Do not import settings”，點擊“ok”

4.然後可以跳過設置（zhì），選擇“skip remaining and set defaults”

5.選擇“Activation code”，將上麵加入的（de）一串代碼貼到方框中（zhōng），點擊”ok“即可（kě）

6.如果輸入代碼後（hòu）遇到”key is invalid的（de）“提示（如下圖），請關閉（bì）軟件，再（zài）次打開重複（fù）第（dì）5步（bù）的操（cāo）作即可

漢化教程：

1.找到lib目錄（lù）下的”resources_en.jar“文件刪除（可以先備份，以防漢化失敗），將”webstorm漢化包“中的”resources_cn.jar“複製到lib文件夾即可。

2.到webstorm2018漢化修（xiū）改版就（jiù）完成了（le），打開就變中文（wén）了

webstorm使用教程（chéng）

Webstorm 主題、背景（jǐng）、顏色等設（shè）置（zhì）的導入導出

1、導出設置

2、導入設置

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

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

試了很多種（zhǒng）解決網頁顯示中文亂碼問題的方（fāng）式，最後發現統一更改編碼格式的方法才是正確有（yǒu）效而且一勞永逸的。
具體方法：file -----> settings 搜索（suǒ）encoding
在fileencoding下，將（jiāng）IDE Encoding，project Encoding和下麵的Default Encoding for properties file都更改為utf-8。
這（zhè）樣，之後（hòu）每次新建的文件都會默認為編（biān）碼格式為utf-8，不需要再在每個文（wén）件或者每個對文件的引用中添加charset=“utf-8”。
至（zhì）於在統一更改（gǎi）編碼格（gé）式之（zhī）前編寫的文件，如果在（zài）網頁上顯（xiǎn）示是亂碼，證明它之前的編（biān）碼格式不（bú）是utf-8，需要將其內容（róng）複製出來後，將文件刪除，再新建一個文件，再把內容（róng）粘（zhān）貼到新建的文件中。這樣（yàng），該文件的編碼格式也就更改了。如果在（zài）webstorm中都顯示為亂碼（mǎ）的話，那隻能在新建之後手動重新把中文寫一遍。
建議：在統一更（gèng）改編碼格（gé）式之前先把有中文的內容複（fù）製到別的地方保存一（yī）下，方便新建的時候直接粘貼（tiē）。

讓webstorm兼容ES6語法

設置技巧：

如何讓webstorm啟動的時候不打開工（gōng）程文件：

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

如（rú）何更改主題（字（zì）體&配色）:

File -> settings -> Editor -> colors&fonts -> scheme name.主（zhǔ）題下載地址（zhǐ）

如何顯示行號：

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

如何完美顯示中文（wén）：

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

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

File -> Settings->Editor “Allow placement of caret after end of line”去掉勾（gōu）就行（háng）了（le）。

如何代碼自動換行：

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

如何修改快鍵鍵：

File -> Settings->Keymap，然（rán）後雙擊要修改快捷的功能會有提（tí）示框（kuàng）出來，按提示操作

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

File ->Settings->Keymap，支持像visual studio、eclipse、NetBeans這樣（yàng）的（de）主流IDE。

javascript類庫提示。

File -> settings -> Javascript -> Libraries -> 然後在列表裏選擇（zé）自己經常用到的javascript類庫，最後Download and Install就ok了.

在開發js時（shí）發（fā）現，需要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，進去改（gǎi）github的賬戶，如果沒有git則不需要.

插件（jiàn）安裝：

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

使用心得：

麵包屑導航：

除了左側的工（gōng）程頁（yè）麵，可以選擇目錄之（zhī）外（wài），在（zài）頂部（bù）菜單下有一個類似網站麵（miàn）包屑導航一樣的目錄也可以實現相同功。點擊每個目錄就會有下拉（lā）菜單顯示其下的（de）子目錄，很實用.

收藏夾功能:

當工程目錄很龐大時，有些（xiē）子目錄很經常打開，但層級又很深，這時候可以把目錄添加到收藏（cáng）夾裏（lǐ）麵，添（tiān）加成功後，左側有個“Favorites”菜單

構造器界麵:

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

雙欄代碼界麵（miàn）：

右擊（jī）代碼選項卡上的文件，然後右鍵（jiàn） -> spilt vertically(左右兩屏)或者spilt horizontally(上下兩屏)

todo界麵：

給代碼（mǎ）加todo注釋就會（huì）出現這個界麵

本地曆史功能:

找回代碼的好辦法