軟件介紹

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

軟件特色

一、智能編碼輔助

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

1、現(xiàn)代框架

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

2、智能編輯器

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

3、導(dǎo)航和搜索

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

二、調(diào)試，跟蹤和測試

WebStorm2020提供了功能強(qiáng)大的內(nèi)置工具，用于調(diào)試，測試和跟蹤客戶端和Node.js應(yīng)用程序。只需最少的配置并與IDE進(jìn)行周到的集成，使用WebStorm2020即可輕松完成這些任務(wù)。

1、調(diào)試

WebStorm2020 為您的客戶端代碼（可與Chrome一起使用）和Node.js應(yīng)用程序提供內(nèi)置的調(diào)試器。放置斷點(diǎn)，單步執(zhí)行代碼并評估表達(dá)式-所有這些都無需離開IDE。

2、測試中

由于WebStorm2020與Karma測試運(yùn)行程序，Mocha，Jest和Protractor集成在一起，因此輕松執(zhí)行測試。直接在IDE內(nèi)部運(yùn)行和調(diào)試測試，以美觀和直觀的格式查看結(jié)果，并導(dǎo)航到測試代碼。

3、跟蹤和分析

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

三、無縫工具集成

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

1、構(gòu)建工具

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

2、代碼質(zhì)量工具

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

3、項目模板

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

四、IDE功能

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

1、VCS

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

2、當(dāng)?shù)貧v史

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

WebStorm2020特別版安裝方法

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

2、使用壓縮軟件進(jìn)行解壓（推薦使用winrar）

3、點(diǎn)擊exe文件開始安裝

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

5、然后這里是選擇一些自定義的操作設(shè)置，第一個是版本，關(guān)聯(lián)文件和是否安裝一個插件

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

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

8、安裝完成的界面如圖所示，點(diǎn)擊圖中的finish按鈕關(guān)閉向?qū)�，可以勾選中間的額選項立刻打開軟件使用

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

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

WebStorm2020特別版怎么設(shè)置中文

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

2、然后從網(wǎng)上下載漢化包；

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

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

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

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

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

WebStorm2020特別版怎么運(yùn)行項目

【在文本頁面】

在一個nodejs的js文件的編輯頁面，點(diǎn)擊右鍵，有個運(yùn)行按鈕和調(diào)試按鈕。

運(yùn)行按鈕的快捷鍵是ctrl+shift+f10

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

【在文件列表】

在文件列表對文件點(diǎn)右鍵，也可以找到運(yùn)行和調(diào)試2個按鈕

【菜單欄】

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

可以點(diǎn)擊這個下拉框，修改運(yùn)行配置

例如從這里可以找到，這個運(yùn)行配置實(shí)際上是運(yùn)行入口文件"www"這個文件

WebStorm2020特別版怎么設(shè)置背景

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

2、點(diǎn)擊“文件”→“設(shè)置”

3、找到并點(diǎn)擊“Colors & Fonts”打開“Editor”（編輯）

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

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

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