軟件介紹

WebStorm2020特別版是一款前端開發軟件，利用全新的生態系統JavaScript能夠滿足你的所有需求，網頁中各種指令動作都能夠達標，非常適合小白入門使用，當然資深的程序員也能夠事半功倍，提高工作效率。

軟件特色

一、智能編碼輔助

WebStorm2020為您提供了針對JavaScript和JavaScript編譯語言，Node.js，HTML和CSS的智能編碼幫助。享受代碼完成，強大的導航功能，即時錯誤檢測以及所有這些語言的重構。

1、現代框架

WebStorm2020為Angular， React，Vue.js和Meteor提供高級編碼幫助。享受對React Native，PhoneGap，Cordova和Ionic的支持，以進行移動開發以及使用Node.js在服務器端進行開發。多合一的IDE！

2、智能編輯器

IDE將分析您的項目， 以為所有受支持的語言提供最佳的代碼完成結果。數以百計的內置檢查會在您鍵入內容時報告任何可能的問題，并提出快速修復選項。

3、導航和搜索

WebStorm2020可幫助您更有效地處理代碼，并在處理大型項目時節省時間。只需單擊一下即可跳轉到方法，函數或變量定義，或搜索用法。

二、調試，跟蹤和測試

WebStorm2020提供了功能強大的內置工具，用于調試，測試和跟蹤客戶端和Node.js應用程序。只需最少的配置并與IDE進行周到的集成，使用WebStorm2020即可輕松完成這些任務。

1、調試

WebStorm2020 為您的客戶端代碼（可與Chrome一起使用）和Node.js應用程序提供內置的調試器。放置斷點，單步執行代碼并評估表達式-所有這些都無需離開IDE。

2、測試中

由于WebStorm2020與Karma測試運行程序，Mocha，Jest和Protractor集成在一起，因此輕松執行測試。直接在IDE內部運行和調試測試，以美觀和直觀的格式查看結果，并導航到測試代碼。

3、跟蹤和分析

WebStorm2020具有spy-js，這是一個內置工具，可幫助您跟蹤JavaScript代碼。探索文件如何與函數調用連接，并有效地識別任何可能的瓶頸。

三、無縫工具集成

WebStorm2020與流行的命令行工具集成在一起，用于Web開發，無需使用命令行即可為您提供高效，簡化的開發體驗。

1、構建工具

享受一個簡單的統一UI，可以從IDE直接運行Grunt， Gulp或 npm任務。所有任務都在一個特殊的工具窗口中列出，因此只需雙擊任務名稱即可啟動它。

2、代碼質量工具

除了數百WebStorm2020自己檢查的，它可以運行 ESLint， JSCS，TSLint，Stylelint， JSHint或JSLint的對你的代碼，并突出顯示在飛行的任何問題，就在編輯器中。

3、項目模板

使用流行的項目模板（如Express 或Web入門工具包），從“歡迎”屏幕開始新項目， 由于與Yeoman集成，因此可以訪問更多項目生成器。

四、IDE功能

WebStorm2020建立在開源IntelliJ平臺的基礎上，我們在JetBrains上已經開發和完善了15多年。享受它提供的微調但高度可定制的體驗，以適合您的開發工作流程。

1、VCS

WebStorm2020提供了一個統一的UI，可與許多流行的版本控制系統一起使用，從而確保git，GitHub，SVN，Mercurial和Perforce的用戶體驗一致。

2、當地歷史

無論您是否使用VCS，本地歷史記錄都可以成為真正的代碼保護程序。您可以隨時檢查特定文件或目錄的歷史記錄，并回滾到其任何以前的版本。

WebStorm2020特別版安裝方法

1、在本站下載WebStorm2020特別版安裝包

2、使用壓縮軟件進行解壓（推薦使用winrar）

3、點擊exe文件開始安裝

4、然后進入到這個界面，可以自定義選擇安裝目錄，主要左下角的所需磁盤和磁盤剩余空間大小

5、然后這里是選擇一些自定義的操作設置，第一個是版本，關聯文件和是否安裝一個插件

6、這個界面是選擇在開始菜單的文件夾名稱，點擊Next按鈕繼續

7、接著就是等待軟件進行安裝了，需要耐心等待幾分鐘即可

8、安裝完成的界面如圖所示，點擊圖中的finish按鈕關閉向導，可以勾選中間的額選項立刻打開軟件使用

9、打開軟件后會彈出如圖所示的許可協議界面，同意并繼續即可，之后會設置一些界面效果，根據自己的選擇設置即可

10、到這個界面就是以及可以正常使用了，選擇新建或者打開之前的項目即可

WebStorm2020特別版怎么設置中文

1、首先小伙伴需要將webstorm安裝在自己的電腦上；

2、然后從網上下載漢化包；

3、將文件解壓并打開找到resources_cn.jar壓縮包；

4、找到你電腦中webstorm的安裝路徑位置，并將文件打開；

5、找到文件夾“lib”,注意漢化包就是放在這里哦；

6、將resources_cn.jar壓縮包直接拖到安裝目錄文件夾“lib”里即可；

7、最后重新啟動webstrom時既是漢化版的啦！

WebStorm2020特別版怎么運行項目

【在文本頁面】

在一個nodejs的js文件的編輯頁面，點擊右鍵，有個運行按鈕和調試按鈕。

運行按鈕的快捷鍵是ctrl+shift+f10

如果這個js文件是項目的入口，那么可以運行這個文件啟動項目。

【在文件列表】

在文件列表對文件點右鍵，也可以找到運行和調試2個按鈕

【菜單欄】

窗口右上角，也有這2個符號。如果你創建了一個node/express項目，會自動在這個項目添加一個運行配置

可以點擊這個下拉框，修改運行配置

例如從這里可以找到，這個運行配置實際上是運行入口文件"www"這個文件

WebStorm2020特別版怎么設置背景

1、默認的WebStorm的背景色是純白色，這種顏色更容易讓你引起眼部疲勞

2、點擊“文件”→“設置”

3、找到并點擊“Colors & Fonts”打開“Editor”（編輯）

4、打開“編輯”后，找到“HTML”

5、這時，查看右側，找到如下圖的選框，選擇你所喜歡的背景色。

6、確定背景色后，找到并點擊“Save as”選項，隨意輸入你喜歡的名字。