Webstorm2023是一款非常優(yōu)秀的電腦編程開發(fā)軟件。WebStorm2023最新版是專業(yè)HTML5編輯器，智能的JavaScript IDE調(diào)試器JavaScript開發(fā)者工具，被JS開發(fā)者譽(yù)為Web前端開發(fā)神器，免費(fèi)下載。

安裝教程參考：webstorm2020.2.1 永久版(附安裝教程)

安裝教程

第一步: 下載最新的 Webstorm 2023.1.2 版本安裝包

我們先從 Webstorm 官網(wǎng)下載 Webstorm 2023.1.2 版本的安裝包，官網(wǎng)鏈接如下：

https://www.jetbrains.com/webstorm/download

點(diǎn)擊download下載，靜心等待其下載完畢即可。

第二步: 開始安裝 Webstorm 2023.1.2 版本

2.安裝目錄默認(rèn)為 C:\Program Files\JetBrains\WebStorm 2023.1.2, 這里我選的是D盤

3.勾選create desktop shortcut 下的WebStorm，創(chuàng)建桌面快捷方式，方便后續(xù)打開 Webstorm，勾選后點(diǎn)擊Next

4.點(diǎn)擊 Install ，開始安裝

5.安裝完成后，勾選 Run Webstorm，點(diǎn)擊 Finish 運(yùn)行軟件

Webstorm 運(yùn)行成功后，會彈出下面的對話框，提示我們需要先登錄 JetBrains 賬戶才能使用，這里我們先不管，右下角點(diǎn)擊 Exit 退出，準(zhǔn)備開始引入免費(fèi)補(bǔ)丁。

第三步：清空 Webstorm 以前使用過的免費(fèi)方式【非常重要】

開始免費(fèi)前，如果你之前免費(fèi)過老版本的 Webstorm，可能做過以下幾種操作，則需要恢復(fù)原樣，如果沒有，直接跳過看下面步驟即可。

1、動過 hosts 文件，添加的配置需要刪除

手動為 Webstorm 修改過 hosts 文件，那么添加的配置，記得要刪除;

2、引用過其他的免費(fèi)補(bǔ)丁，或者執(zhí)行過安裝腳本

1. 引用過的補(bǔ)丁也要移除掉等, 不然可能會與本文提供的補(bǔ)丁有沖突，出現(xiàn)各種奇奇怪怪的問題。

2. 之前版本中, 我提供過通過安裝腳本來引用補(bǔ)丁，如果你有使用過，腳本會添加相關(guān)環(huán)境變量，這些環(huán)境變量也需要清空，查看腳本文件夾，執(zhí)行 uninstall-* 腳本即可。

第四步：安裝補(bǔ)丁

補(bǔ)丁下載成功后，記得先解壓, 解壓后的目錄如下, 本文后面所需補(bǔ)丁都在下面標(biāo)注的這個(gè)文件夾中：

點(diǎn)擊【方式3】文件夾 , 進(jìn)入到文件夾 /jetbra，目錄如下：

第五步：開始

Windows 系統(tǒng)

將上面圖示的補(bǔ)丁的所屬文件夾 /jetbra 復(fù)制電腦某個(gè)位置，我這里放置到了 D:/ 盤根目錄下:

注意： 補(bǔ)丁所屬文件夾需單獨(dú)存放，且放置的路徑不要有中文與空格，以免 IDEA 讀取補(bǔ)丁錯誤。

放置到D盤后，點(diǎn)擊進(jìn)入 /jetbra 補(bǔ)丁目錄，再點(diǎn)擊進(jìn)入 /scripts 文件夾，雙擊執(zhí)行 install-current-user.vbs 免費(fèi)腳本：

注意：如果執(zhí)行腳本被安全軟件提示有風(fēng)險(xiǎn)攔截，允許執(zhí)行即可。

免費(fèi)腳本執(zhí)行后會提示安裝補(bǔ)丁需要等待數(shù)秒，點(diǎn)擊【確定】按鈕后，過程大概 10 - 30 秒，如看到彈框提示 Done 時(shí)，表示免費(fèi)免費(fèi)成功：

Mac / Linux 系統(tǒng)

Mac / Linux 系統(tǒng)與上面 Windows 系統(tǒng)一樣，需將補(bǔ)丁所屬文件 /jetbra 復(fù)制到某個(gè)路徑，且路徑不能包含空格與中文。

之后，打開終端，進(jìn)入到 /jetbra/scripts 文件夾， 執(zhí)行 install.sh 腳本, 命令如下：

sudo bash install.sh

看到提示 Done , 表示免費(fèi)成功。

Mac/Linux 系統(tǒng)執(zhí)行免費(fèi)補(bǔ)丁成功后，提示 Done

部分小伙伴 Mac/Linux 系統(tǒng)執(zhí)行腳本遇到如下錯誤：

Mac 執(zhí)行免費(fèi)腳本報(bào)錯

解決方法：

可先執(zhí)行如下命令，再執(zhí)行腳本：

export LC_COLLATE='C'export LC_CTYPE='C'

重啟 Webstorm

配置完成后保存，一定要重啟 Webstorm !!!

配置完成后保存，一定要重啟 Webstorm !!!

第六步：重新打開 Webstorm, 填入指定免費(fèi)碼完成免費(fèi)

重新打開 Webstorm，填入下面的免費(fèi)碼，點(diǎn)擊免費(fèi)即可。

8R927DG13X-eyJsaWNlbnNlSWQiOiI4UjkyN0RHMTNYIiwibGljZW5zZWVOYW1lIjoic2lnbnVwIHNjb290ZXIiLCJhc3NpZ25lZU5hbWUiOiIiLCJhc3NpZ25lZUVtYWlsIjoiIiwibGljZW5zZVJlc3RyaWN0aW9uIjoiIiwiY2hlY2tDb25jdXJyZW50VXNlIjpmYWxzZSwicHJvZHVjdHMiOlt7ImNvZGUiOiJQU0kiLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOnRydWV9LHsiY29kZSI6IldTIiwiZmFsbGJhY2tEYXRlIjoiMjAyNS0wOC0wMSIsInBhaWRVcFRvIjoiMjAyNS0wOC0wMSIsImV4dGVuZGVkIjpmYWxzZX0seyJjb2RlIjoiUFdTIiwiZmFsbGJhY2tEYXRlIjoiMjAyNS0wOC0wMSIsInBhaWRVcFRvIjoiMjAyNS0wOC0wMSIsImV4dGVuZGVkIjp0cnVlfSx7ImNvZGUiOiJQQ1dNUCIsImZhbGxiYWNrRGF0ZSI6IjIwMjUtMDgtMDEiLCJwYWlkVXBUbyI6IjIwMjUtMDgtMDEiLCJleHRlbmRlZCI6dHJ1ZX1dLCJtZXRhZGF0YSI6IjAxMjAyMjA5MDJQU0FOMDAwMDA1IiwiaGFzaCI6IlRSSUFMOjIwMTEzMjMwMjYiLCJncmFjZVBlcmlvZERheXMiOjcsImF1dG9Qcm9sb25nYXRlZCI6ZmFsc2UsImlzQXV0b1Byb2xvbmdhdGVkIjpmYWxzZX0=-Jev3eIT6wPDh59rzeBG67oHD8GcYHifz9+OkIePP3Qo49dGX1DqLTGJgOxSClHrshRzjOktdBYwkwpeTrDMwgeGu+cy0OhzvtQMeh7R3HrEQkhGbNBjfpbW6nq6Mhv8k6Duoiw3XiU434V5iM6DgRN3Yzo8VKxU7Kb4u/SQnPTd+PR64hYJjblVXUzGHZUX4w8RBej3T0EREccs36bfnnPC2X91K/qbvr9C0uY/feHAMpuekMks0v4qApbInpw5O+elLE3l8txlNWhWSC8m/O/S7iydf27hV5mgePM5422Rpvm4dmA2DIQcq7xxdt4X67DmVGMC2yIFiH4hfkqySWg==-MIIETDCCAjSgAwIBAgIBDTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBMB4XDTIwMTAxOTA5MDU1M1oXDTIyMTAyMTA5MDU1M1owHzEdMBsGA1UEAwwUcHJvZDJ5LWZyb20tMjAyMDEwMTkwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQCUlaUFc1wf+CfY9wzFWEL2euKQ5nswqb57V8QZG7d7RoR6rwYUIXseTOAFq210oMEe++LCjzKDuqwDfsyhgDNTgZBPAaC4vUU2oy+XR+Fq8nBixWIsH668HeOnRK6RRhsr0rJzRB95aZ3EAPzBuQ2qPaNGm17pAX0Rd6MPRgjp75IWwI9eA6aMEdPQEVN7uyOtM5zSsjoj79Lbu1fjShOnQZuJcsV8tqnayeFkNzv2LTOlofU/Tbx502Ro073gGjoeRzNvrynAP03pL486P3KCAyiNPhDs2z8/COMrxRlZW5mfzo0xsK0dQGNH3UoG/9RVwHG4eS8LFpMTR9oetHZBAgMBAAGjgZkwgZYwCQYDVR0TBAIwADAdBgNVHQ4EFgQUJNoRIpb1hUHAk0foMSNM9MCEAv8wSAYDVR0jBEEwP4AUo562SGdCEjZBvW3gubSgUouX8bOhHKQaMBgxFjAUBgNVBAMMDUpldFByb2ZpbGUgQ0GCCQDSbLGDsoN54TATBgNVHSUEDDAKBggrBgEFBQcDATALBgNVHQ8EBAMCBaAwDQYJKoZIhvcNAQELBQADggIBABqRoNGxAQct9dQUFK8xqhiZaYPd30TlmCmSAaGJ0eBpvkVeqA2jGYhAQRqFiAlFC63JKvWvRZO1iRuWCEfUMkdqQ9VQPXziE/BlsOIgrL6RlJfuFcEZ8TK3syIfIGQZNCxYhLLUuet2HE6LJYPQ5c0jH4kDooRpcVZ4rBxNwddpctUO2te9UU5/FjhioZQsPvd92qOTsV+8Cyl2fvNhNKD1Uu9ff5AkVIQn4JU23ozdB/R5oUlebwaTE6WZNBs+TA/qPj+5/we9NH71WRB0hqUoLI2AKKyiPw++FtN4Su1vsdDlrAzDj9ILjpjJKA1ImuVcG329/WTYIKysZ1CWK3zATg9BeCUPAV1pQy8ToXOq+RSYen6winZ2OO93eyHv2Iw5kbn1dqfBw1BuTE29V2FJKicJSu8iEOpfoafwJISXmz1wnnWL3V/0NxTulfWsXugOoLfv0ZIBP1xH9kmf22jjQ2JiHhQZP7ZDsreRrOeIQ/c4yR8IQvMLfC0WKQqrHu5ZzXTH4NO3CwGWSlTY74kE91zXB5mwWAx1jig+UXYc2w4RkVhy0//lOmVya/PEepuuTTI4+UJwC7qbVlh5zfhj8oTNUXgN0AOc+Q0/WFPl1aw5VV/VrO8FCoB15lFVlpKaQ1Yh+DVU8ke+rt9Th0BCHXe0uZOEmH0nOnH/0onD

復(fù)制免費(fèi)碼后填入，點(diǎn)擊 Activate 按鈕完成免費(fèi)：

PS: 有部分小伙伴反應(yīng)，重啟 Webstorm 填入免費(fèi)碼依然無法免費(fèi)運(yùn)行，重啟系統(tǒng)才行，如果有小伙伴遇到這種情況，不妨試試看~

點(diǎn)擊免費(fèi)后，就可以看到免費(fèi)成功辣，又可以開心的 coding 了~：

【功能特點(diǎn)】

　　1、智能的代碼補(bǔ)全

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

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

　　2、代碼格式化

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

　　3、html提示

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

　　4、聯(lián)想查詢

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

　　5、代碼重構(gòu)

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

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

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

　　7、代碼調(diào)試

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

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

　　可以快速瀏覽和定位

　　9、代碼折疊

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

　　10、包裹或者去掉外圍代碼

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

【常用快捷鍵】

　　1、Tab：自動補(bǔ)全

　　2、復(fù)制當(dāng)前行：Ctrl+D

　　3、刪除當(dāng)前行：Ctrl+Y

　　4、注釋或者取消當(dāng)前注釋：Ctrl+/

　　5、注釋或者取消多行注釋：Ctrl+Shift+/

　　6、同時(shí)編輯：Alt

　　按住Alt鍵，選中多個(gè)，可以同時(shí)進(jìn)行編輯

　　7、包含關(guān)系： >

　　注意：必須具有包含關(guān)系才能用>操作

　　8、新建多個(gè)：*

　　注意：通常與>搭配使用

　　9.定位行號：Ctrl+G

【軟件亮點(diǎn)】

　　WebStorm 2023具有許多實(shí)用的功能，比如代碼提示、語法高亮、重構(gòu)、調(diào)試和測試等。它還具有強(qiáng)大的代碼編輯功能，支持智能代碼完成和代碼導(dǎo)航等功能，以及代碼片段和模板等快捷操作。此外，它還可以與許多流行工具和框架進(jìn)行集成。

　　WebStorm 2023還支持自定義快捷鍵和工作空間，便于用戶進(jìn)行自由的配置和操作。其內(nèi)置的控制臺可以讓用戶方便地查看程序運(yùn)行狀態(tài)，以及快速定位和解決問題。

　　該軟件還具有良好的擴(kuò)展性，支持插件、插件中心、外部工具和構(gòu)建系統(tǒng)等。用戶可以通過外部插件擴(kuò)展WebStorm的功能，以滿足其特定的需求。同時(shí)，WebStorm支持一系列流行工具和機(jī)制集成，如JavaScript模塊管理器、調(diào)試器、AngularJS等。