WebStorm是一個(gè)非常專業(yè)且功能十分強(qiáng)大的JavaScript 和前端開發(fā)集成開發(fā)環(huán)境(IDE),該軟件專為 Web 開發(fā)設(shè)計(jì),提供了豐富的功能,以提高開發(fā)效率,尤其適用于JavaScript、TypeScript、HTML、CSS以及流行的前端框架和庫(如 React、Vue、Angular)的開發(fā)。除此之外,該軟件還具備非常強(qiáng)大的代碼補(bǔ)全功能,支持 JavaScript、TypeScript、HTML和CSS等多種語言。無論是在編寫代碼時(shí),IDE都會(huì)自動(dòng)補(bǔ)全你正在輸入的函數(shù)、變量、類名或標(biāo)簽名,幫助開發(fā)者減少錯(cuò)誤并提高編碼速度。更多精彩等您下載!
WebStorm中文設(shè)置方法
1、進(jìn)入軟件之后選擇下方設(shè)置,然后在搜索欄輸入Chinese,點(diǎn)擊安裝

2、下載完成后,點(diǎn)擊重啟軟件

3、最后在進(jìn)入軟件就可以看到頁面已經(jīng)變成中文啦

WebStorm軟件亮點(diǎn)
1、可自定義的 UI
WebStorm 附帶了一些預(yù)定義主題,但是有多種自定義選項(xiàng)可供選擇。 您還可以切換許多 UI 元素的可見性并更改其位置,甚至可以切換到 Zen 模式以專注于您的編碼工作。
2、按鍵映射
為了幫助您保持生產(chǎn)力,WebStorm 幾乎為每項(xiàng)操作都提供了快捷鍵。 您可以使用預(yù)定義的鍵盤布局,也可以創(chuàng)建自己的鍵盤布局。 按鍵映射包括 VS Code 和 Sublime Text 等
3、插件
擴(kuò)展 IDE 的核心功能,以及在現(xiàn)有功能的基礎(chǔ)上添加更多自定義選項(xiàng)。 訪問我們的 JetBrains Marketplace 發(fā)現(xiàn)所有可用的 WebStorm 插件。
4、Vim 集成
使用 IdeaVim 插件將 Vim 式功能添加到 IDE。 功能包括正常、插入和可視模式、運(yùn)動(dòng)鍵、刪除和更改、標(biāo)記等。 訪問我們的博客,以便著手使用。
5、無障礙功能
WebStorm 包含旨在滿足您的無障礙需求的功能。 您可以靈活調(diào)整工具窗口大小、編輯器中的文本大小,自定義顏色,個(gè)性化快捷鍵等。 除了這些功能之外,還提供對屏幕閱讀器的支持。
6、設(shè)置同步
您可以在 JetBrains IDE 之間共享設(shè)置,獲得一致且熟悉的工作環(huán)境。 您可以選擇要同步的設(shè)置,包括 UI、代碼與系統(tǒng)設(shè)置、按鍵映射、插件和工具。
WebStorm功能特色
一、智能編碼輔助
程序?yàn)槟峁┝酸槍avaScript和JavaScript編譯語言,Node.js,HTML和CSS的智能編碼幫助。享受代碼完成,強(qiáng)大的導(dǎo)航功能,即時(shí)錯(cuò)誤檢測以及所有這些語言的重構(gòu)。
1、現(xiàn)代框架
為Angular, React,Vue.js和Meteor提供高級(jí)編碼幫助。享受對React Native,PhoneGap,Cordova和Ionic的支持,以進(jìn)行移動(dòng)開發(fā)以及使用Node.js在服務(wù)器端進(jìn)行開發(fā)。多合一的IDE!
2、智能編輯器
IDE將分析您的項(xiàng)目, 以為所有受支持的語言提供最佳的代碼完成結(jié)果。數(shù)以百計(jì)的內(nèi)置檢查會(huì)在您鍵入內(nèi)容時(shí)報(bào)告任何可能的問題,并提出快速修復(fù)選項(xiàng)。
3、導(dǎo)航和搜索
可幫助您更有效地處理代碼,并在處理大型項(xiàng)目時(shí)節(jié)省時(shí)間。只需單擊一下即可跳轉(zhuǎn)到方法,函數(shù)或變量定義,或搜索用法。
二、調(diào)試,跟蹤和測試
軟件提供了功能強(qiáng)大的內(nèi)置工具,用于調(diào)試,測試和跟蹤客戶端和Node.js應(yīng)用程序。只需最少的配置并與IDE進(jìn)行周到的集成,使用該軟件即可輕松完成這些任務(wù)。
1、調(diào)試
為您的客戶端代碼(可與Chrome一起使用)和Node.js應(yīng)用程序提供內(nèi)置的調(diào)試器。放置斷點(diǎn),單步執(zhí)行代碼并評(píng)估表達(dá)式-所有這些都無需離開IDE。
2、測試中
由于該程序與Karma測試運(yùn)行程序,Mocha,Jest和Protractor集成在一起,因此輕松執(zhí)行測試。直接在IDE內(nèi)部運(yùn)行和調(diào)試測試,以美觀和直觀的格式查看結(jié)果,并導(dǎo)航到測試代碼。
3、跟蹤和分析
具有spy-js,這是一個(gè)內(nèi)置工具,可幫助您跟蹤JavaScript代碼。探索文件如何與函數(shù)調(diào)用連接,并有效地識(shí)別任何可能的瓶頸。
三、無縫工具集成
與流行的命令行工具集成在一起,用于Web開發(fā),無需使用命令行即可為您提供高效,簡化的開發(fā)體驗(yàn)。
1、構(gòu)建工具
享受一個(gè)簡單的統(tǒng)一UI,可以從IDE直接運(yùn)行Grunt, Gulp或 npm任務(wù)。所有任務(wù)都在一個(gè)特殊的工具窗口中列出,因此只需雙擊任務(wù)名稱即可啟動(dòng)它。
2、代碼質(zhì)量工具
除了數(shù)百自己檢查的,它可以運(yùn)行 ESLint, JSCS,TSLint,Stylelint, JSHint或JSLint的對你的代碼,并突出顯示在飛行的任何問題,就在編輯器中。
3、項(xiàng)目模板
使用流行的項(xiàng)目模板(如Express 或Web入門工具包),從“歡迎”屏幕開始新項(xiàng)目, 由于與Yeoman集成,因此可以訪問更多項(xiàng)目生成器。
四、IDE功能
軟件建立在開源IntelliJ平臺(tái)的基礎(chǔ)上,我們在JetBrains上已經(jīng)開發(fā)和完善了15多年。享受它提供的微調(diào)但高度可定制的體驗(yàn),以適合您的開發(fā)工作流程。
1、VCS
軟件提供了一個(gè)統(tǒng)一的UI,可與許多流行的版本控制系統(tǒng)一起使用,從而確保git,GitHub,SVN,Mercurial和Perforce的用戶體驗(yàn)一致。
2、當(dāng)?shù)貧v史
無論您是否使用VCS,本地歷史記錄都可以成為真正的代碼保護(hù)程序。您可以隨時(shí)檢查特定文件或目錄的歷史記錄,并回滾到其任何以前的版本。