JetBrains WebStorm是一款編程軟件，您可以在軟件上編輯js項目，支持JavaScpt，Node.js，HTML和CSS等項目代碼編輯，啟動軟件就可以查看到軟件的項目創建界面，你可以直接使用軟件提供的項目模板新建編程方案，可以在軟件直接粘貼其他軟件復制的代碼內容，可以在軟件立即運行您的項目，可以測試當前編程的內容是否可以正常運行，軟件也支持糾錯功能，快速對錯誤的內容標注，快速查看下一個錯誤項目！
JetBrains WebStorm新版功能
WebStorm 2021.1的新增功能
JavaScpt和TypeScpt的代碼完成更智能，對Stylelint的支持得到增強，內置HTML預覽，用于選擇編輯器字體粗細的新設置，以及用于處理請求的增強功能。
avaScpt和TypeScpt
ML輔助代碼完成
現在，將使用機器學習算法對JavaScpt和TypeScpt文件中的完成建議進行排序。
更好的符號名稱完成建議
現在，WebStorm在向您顯示頂級變量以及函數和類名的完成建議時，將考慮文件名。
改進的Doc語法突出
顯示為了使Doc注釋更具可讀，我們實現了一些新選項，用于調整Doc標記值和類型的顏色方案。您可以在 “偏好設置/設置” |“ 編輯器 配色方案| JavaScpt / TypeScpt。
禁止文件
WebStorm允許您關閉整個項目或更詳細的級別（例如，或類）的單個。使用v2021.1，您還可以逐個文件地禁用它們
框架與技術
內置的遠程協作開發服務
現在，WebStorm隨Code With Me一起提供， Code With Me是我們用于遠程協作開發和結對編程的新服務。您可以使用它進行 實時編碼，并 通過IDE與其他人交談。
在Vue中支持CSS模塊
從v2021.1開始，WebStorm將支持.vue文件中使用的CSS模塊。IDE將正確解析$ style屬，為它們提供代碼完成，導航和基本的重構功能。
HTTP客戶端的增強功能
現在，使用內置HTTP客戶端更加方便。您可以使用新圖標折疊返回的輸出，快速動至響應的頂部或底部，單擊幾次即可查找和替換http：//協議的用法， 等等。
ESLint的可配置范圍
如果已為.md或.coffee等文件設置了ESLint，則現在可以在編輯器中查看其報告的錯誤。為此，請將這些文件類型添加到新的 “運行文件”字段中。
支持ON行
WebStorm現在支持ON Lines文本格式。IDE將識別 .jsonl，.jslines，.ldjson和.ndjson文件類型。
HTML和CSS
改進了對Stylelint的支持
只需單擊幾下，即可使用Stylelint修復CSS代碼。將鼠標懸停在文件中的問題上或將插入符號放在其上Alt+Enter，按，選擇 Stylelint：修復當前文件。
此外，您現在可以在“首選項/設置” |“設置”中的相應字段下指定配置文件的路徑。語言和框架| 樣式表| Stylelint。
內置HTML預覽
現在，您可以直接在WebStorm中預覽靜態HTML文件！您對HTML文件或鏈接的CSS和JavaScpt文件所做的更改將被保存，并 自動重新加載預覽，以便您查看更改。
CSS的選擇器特異
現在，使用樣式表時，您可以選擇器的 特殊-只需將鼠標懸停在要的選擇器上即可。或者，將焦點放在一個選擇器上，按一下Ctrl+Q以在“文檔”彈出窗口中查看此。
JetBrains WebStorm軟件特色
現代框架
WebStorm為Angular， React，Vue.js和Meteor提供了高級編碼幫助。享受對React Native，PhoneGap，Cordova和Ionic的支持，以進行移動開發以及使用Node.js在端進行開發。一站式集成開發環境！
智能編輯器
IDE將分析您的項目， 以為所有受支持的語言提供最佳的代碼完成結果。數以百計的內置會在您鍵入內容時報告任何可能的問題，并提出快速修復選項。
導航和搜索
WebStorm可幫助您更有效地處理代碼，并在處理大型項目時節省時間。只需單擊一下即可跳轉到方法，函數或變量定義，或搜索用法。
JetBrains WebStorm安裝方法
1、打開WebStorm-2021.1.1.exe軟件開始安裝
2、提示軟件的安裝地址C:Pgram FilesJetBrainsWebStorm 2021.1.1
3、選擇您需要安裝的版本，選擇位，點擊next
4、提示軟件的開始菜單快捷方式名字
5、提示安裝進度條，等待軟件安裝結束
6、WebStorm 2021.1.1已經安裝完畢，直接啟動軟件
JetBrains WebStorm中文設置
1、啟動軟件選擇evaluate for free，點擊evaluate試用軟件
2、進入項目新建界面，在這里創建新的編程項目
3、在左側選擇一個項目類型，設置項目保存地址
4、進入軟件以后直接點擊Ctrl+ALT+S 打開 Settings -> Plugins ，在軟件輸入Chinese搜索中文補丁，點擊install將其安裝
5、提示你是否需要升級，點擊accept
6、已經升級漢化補丁，點擊restart重啟軟件
7、重啟以后軟件界面就是中文
8、現在就可以在熟悉的中文界面編程了
JetBrains WebStorm教程
Shell腳本
WebStorm為外殼程序腳本文件提供編碼幫助：完成（包括本地路徑），突出顯示，快速文檔，文本重命名重構等。
它還包括用于Shell腳本的特殊類型的運行/調試配置。
WebStorm與幾個外部工具集成在一起，以增強對Shell腳本的支持：
ShellCheck是一個Shell腳本靜態分析工具，可以檢測語法錯誤，語義問題，極端情況和典型陷阱。如果WebStorm不可用，它將提示您安裝它。
Shfmt是用于Shell腳本的外部格式化程序引擎。第一次重新格式化 Ctrl+Alt+LShell腳本的代碼時，WebStorm建議安裝它。
Explainshell是一個可以解析任何Shell命令并為每個參數提供幫助文本的網站。可以通過有意作來訪問它：按下Alt+Enter并選擇Explain shell。
配置被識別為Shell腳本的文件
默認情況下，WebStorm會將具有以下擴展名的文件識別為外殼腳本：.sh，.bash和.zsh。但是，可以將WebStorm配置為將任何文件類型識別為Shell腳本文件（例如，如果要編輯.csh文件）。
1、在“設置/首選項”對話框中Ctrl+Alt+S，選擇“編輯器” |“選擇”。文件類型。
2、在“認可的文件類型”列表中，選擇“ Shell腳本”，在下面的“文件名模式”列表中添加必要的模式。
3、單擊確定以應用更改。
運行shell腳本文件
處理shell腳本文件時，可以在裝訂線中單擊以在內置Terminal中運行它。這將創建Shell腳本運行配置（如果該文件尚不存在）并啟動它。要為任意文件手動創建Shell腳本運行配置，請執行以：
1、從主菜單中，選擇“運行” |“運行”。編輯配置。
2、單擊+并選擇Shell腳本。
3、指定腳本文件的路徑以及啟動腳本時要傳遞給腳本的選項。您還可以更改用于運行腳本的解釋器以及該解釋器的其他選項。如有必要，請在運行此腳本文件之前添加要自動啟動的任務。
4、單擊“確定”保存運行/調試配置。
要運行配置，請按Alt+Shift+F10并選擇創建的Shell腳本配置。
您也可以從上下文菜單中運行Shell腳本：在“項目”工具窗口或Shell腳本文件的編輯器選項卡中的任何位置上，右鍵單擊該文件。
分析外部堆棧跟蹤
您可能要分析其他人（例如，質量工程師）收到的異常，或者研究死鎖或起問題。與在調試模式下或在運行單元測試時獲得的異常不同，這些異常沒有可幫助您導航到源代碼中相應位置的鏈接。
使用WebStorm，您可以復制異常或全線程轉儲，將其粘貼到Stack Trace Analyzer，瀏覽，并導航到相應的源代碼。
1、在主菜單中，選擇工具| 堆棧跟蹤或線程轉儲。
2、在打開的“分析堆棧跟蹤”對話框中，將外部堆棧跟蹤或線程轉儲粘貼到“在此處放置線程轉儲：”文本區域中。
3、如果要使用相應的dSYM文件顯式指定目錄，請選中“使用其他目錄搜索缺少的dSYM”復選框，在字段中輸入所需的目錄，或從文件系統中選擇它。
4、單擊確定。堆棧跟蹤顯示在“運行”工具窗口中。
要跳轉到引起問題的代碼，請動至所需的堆棧跟蹤行，單擊指向源文件的鏈接。該文件在編輯器中打開。
配置通用任務
WebStorm開箱即用地支持與許多任務跟蹤器的集成。但是，如果使用WebStorm尚不支持的跟蹤器，則仍可以將其集成在一起，以配置所謂的通用。
本教程描述了如何：
作為通用連接到JIRA Cloud。
獲取分配給您的問題列表。
對于每個問題，獲取其問題的ID，標題，描述，創建和更新期和時間。
在開始配置與跟蹤器的連接之前，請注意WebStorm：
僅支持REST API服務。
支持基本HTTP身份驗證或向發送初步請求。
支持GET和POST請求。
響應中不支持分頁。
指定L和憑據
1、在設置/首選項對話框中Ctrl+Alt+S，轉到工具| 任務| 。
2、點擊+，選擇通用。
3、在“常規”選項卡上，指定任務跟蹤器的L和連接憑據。
在“用戶名”字段中，輸入您的電子郵件地址。
在密碼字段中，輸入您的Atlassian API令牌。
4、選中對話框底部的“使用HTTP身份驗證”復選框。
配置設置
1、切換到“配置”選項卡。
請注意，因為您正在使用HTTP身份驗證，所以登錄L字段將被禁用。
2、在“任務列表L”中，輸入用于從獲取問題的L。您可以使用變量或輸入完整的L：
{Url} / rest / api / 2 / search或https://url.atlassian.net/rest/api/2/search
該{Url}是代表您在指定的L可變常規選項卡。
3、將?jql={JQL_Query}表達式添加到任務列表L：{Url} / rest / api / 2 / search？jql = {JQL_Query}。
您可以在“登錄L”，“任務列表L”和“單個任務L”字段中使用代碼完成功能。
4、單擊對話框底部的“管理模板變量”以配置JQL_Query變量。
5、單擊+，在新字段中，指定變量名稱JQL_Query并添加其值assignee = currentUser() AND resolution = unresolved。
這將使您獲得分配給您的未解決的問題。
6、單擊確定。
默認情況下，L字段中指定的所有變量（除外{Url}）均使用編碼application/x-www-form-urlencoded。
配置響應類型并指定選擇器
1、在“配置”對話框中，選擇ON響應類型。
2、在表中指定選擇器以獲取ID，問題標題及其描述。您還可以獲取創建和更新問題的期和時間：
任務： $.issuesID： key概括： fields.summary描述： fields.descption更新： fields.updated創建： fields.d對于JIRA，您可以實時響應。用鏈接中的實際值替換占位符，在瀏覽器中將其打開：http：// ： / rest / api / 2 / search
3、單擊測試以確保正確配置了所有參數。
從上傳問題
1、單擊任務組合，選擇“打開任務”。WebStorm將從加載與您的配置匹配的所有問題。
2、從列表中選擇必要的問題。
3、按下Ctrl+Q以打開問題描述，并確保獲得所有必需的詳細。
PSI查看器
使用PSI查看器，您可以探究源代碼的內部結構，因為它由WebStorm解釋。
啟用PSI查看器
1、從“幫助”菜單中選擇“編輯自定義屬”，或在“歡迎”屏幕上單擊“配置”，選擇“編輯自定義屬”。
WebStorm在配置目錄中創建一個空的idea.pperties文件，并在新的編輯器選項卡中將其打開。從配置平臺屬中了解更多。
2、在idea.pperties文件中，鍵入idea.is.internal=true。
3、重新啟動WebStorm。
查看您的源代碼的PSI結構
1、從“工具”菜單中，選擇“查看PSI結構”。
2、在“ PSI查看器”對話框中，在“文本”區域中鍵入或粘貼要分析的源代碼片段，選擇文件類型，指定其他選項。
從“顯示PSI結構為”列表中，選擇要瀏覽的文件類型或語言結構。識別的文件類型集取決于支持的語言和已安裝的插件。
選擇顯示PsiWhiteSpace復選框以顯示PsiWhiteSpace與源代碼中的空格相對應的節點。
在“文本”窗格中，輸入要瀏覽的源代碼。手動鍵入文本或將其從剪貼板粘貼。如果您已從編輯器復制了一些文本，打開PSI查看器，則將選擇“文本”窗格的先前內容，這使您可以使用Ctrl+V或從剪貼板將其覆蓋Ctrl+Shift+V。
輸入代碼時，您可以按來刪除插入符號處的行，使用來Ctrl+Y復制文本Ctrl+D，并使用來添加行Shift+Enter。
3、單擊“構建PSI樹”以生成PSI結構樹視圖，并在“ PSI結構”窗格中預覽生成的PSI樹。
如果修改了“文本”窗格中的源代碼，請單擊“構建PSI樹”以刷新樹視圖。
在樹視圖中導航時，在“文本”窗格中突出顯示了相應的源代碼片段。如果當前選定的樹節點具有引用，則它們也會顯示在“引用”窗格中。
“引用”只讀字段顯示對“ PSI結構”樹視圖的節點的引用（如果有）。
未解析的引用顯示為紅色；源代碼的相應片段也以紅色框突出顯示。
漢字內碼查看器 v1.0綠色版
288MB
Wakanda v2.7.0
136.85 MB
VMware Thin v5.2.7
35.85 MB
Visual Studio Express v2019
2.05 MB
