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

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

安裝教程

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

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

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

點擊download下載，靜心等待其下載完畢即可。

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

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

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

4.點擊 Install ，開始安裝

5.安裝完成后，勾選 Run Webstorm，點擊 Finish 運行軟件

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

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

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

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

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

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

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

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

第四步：安裝補丁

補丁下載成功后，記得先解壓, 解壓后的目錄如下, 本文后面所需補丁都在下面標注的這個文件夾中：

點擊【方式3】文件夾 , 進入到文件夾 /jetbra，目錄如下：

第五步：開始

Windows 系統(tǒng)

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

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

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

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

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

Mac / Linux 系統(tǒng)

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

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

sudo bash install.sh

看到提示 Done , 表示免費成功。

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

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

Mac 執(zhí)行免費腳本報錯

解決方法：

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

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

重啟 Webstorm

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

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

第六步：重新打開 Webstorm, 填入指定免費碼完成免費

重新打開 Webstorm，填入下面的免費碼，點擊免費即可。

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

復制免費碼后填入，點擊 Activate 按鈕完成免費：

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

點擊免費后，就可以看到免費成功辣，又可以開心的 coding 了~：

【功能特點】

　　1、智能的代碼補全

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

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

　　2、代碼格式化

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

　　3、html提示

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

　　4、聯(lián)想查詢

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

　　5、代碼重構(gòu)

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

　　6、代碼檢查和快速修復

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

　　7、代碼調(diào)試

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

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

　　可以快速瀏覽和定位

　　9、代碼折疊

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

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

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

【常用快捷鍵】

　　1、Tab：自動補全

　　2、復制當前行：Ctrl+D

　　3、刪除當前行：Ctrl+Y

　　4、注釋或者取消當前注釋：Ctrl+/

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

　　6、同時編輯：Alt

　　按住Alt鍵，選中多個，可以同時進行編輯

　　7、包含關系： >

　　注意：必須具有包含關系才能用>操作

　　8、新建多個：*

　　注意：通常與>搭配使用

　　9.定位行號：Ctrl+G

【軟件亮點】

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

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

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