WebStorm是一款適用于JavaScript及其相關(guān)開發(fā)語言的開發(fā)平臺。接觸過編程的朋友們都知道,JS是一種腳本語言,它可以用于給HTML網(wǎng)頁增加動態(tài)的效果,讓網(wǎng)頁看起來高大上,它跟另外的HTML和CSS語言一起,組成了網(wǎng)頁前端開發(fā)設(shè)計的標(biāo)準(zhǔn)套裝。如果說HTML是肉身,CSS是外表,那么JavaScript就是非常重要的靈魂,足可見JS在前端的重要性。而小編今天帶來的這個由知名廠商jetbrain推出的編程平臺就是為JS而生的。作為編程界非常出名的軟件,它功能非常強(qiáng)大,除了支持JS語言外,它還可以識別其他相關(guān)的編程語言,可以準(zhǔn)確高效的感知Angular語法和指令,支持Node.js、AngularJS、Dart等新的技術(shù)和框架。在編寫的過程中,它可以智能識別用戶輸入的語句,將拼寫錯誤的語句提示給用戶,及時改正。編寫完成的程序可以通過調(diào)試和運行來檢測有沒有bug或錯誤。軟件的界面整潔大方,采用了暗系的配色,讓減少電腦亮度過高對使用者造成的影響,也可以給用戶帶來一個安靜的編寫背景。2021新版對軟件進(jìn)行了優(yōu)化和升級,它對JavaScript、TypeScript和CSS支持性變得更好,消除了合并、拉取和重基操作對話框中的混亂,為用戶帶來更加人性化的使用體驗,提高了開發(fā)者的工作效率。這款
WebStorm2021漢化激活版支持中文,按照下面的步驟激活之后就可以免費使用了,有需要的朋友們可以在本站下載體驗哦。
新版功能
1、保存時重新加載頁面
當(dāng)您編輯和保存 HTML、CSS 和 JavaScript 文件時,現(xiàn)已能夠自動更新
瀏覽器中的頁面。 首先,在編輯器中打開一個 HTML 文件,將鼠標(biāo)懸停在其上方,然后點擊要使用的瀏覽器的圖標(biāo) – 支持所有瀏覽器。
2、保存時的操作
我們重新設(shè)計了所有現(xiàn)有功能,將其集于一處,并加入一些新的選項對其實現(xiàn)了增強(qiáng),包括在保存時重新格式化代碼和優(yōu)化導(dǎo)入的功能。
3、require()自動導(dǎo)入
軟件下載可以在您補(bǔ)全 ES6 符號時添加缺少的 import 語句。現(xiàn)在,它也可以對 CommonJS 模塊實現(xiàn)相同功能 – 支持在代碼補(bǔ)全時插入 require 導(dǎo)入。
4、箭頭函數(shù)的新操作
您現(xiàn)在可以使用 Ctrl+Alt+J 鍵來用箭頭函數(shù)包圍代碼塊。 您也可以輸入 arf 并按 Tab 鍵來展開模板并添加空的箭頭函數(shù)。
5、React useState hook 的 Rename 重構(gòu)
您不再需要浪費時間逐一重構(gòu) useState 值和函數(shù)。軟件現(xiàn)在可以為您對這二者進(jìn)行重命名! 將文本光標(biāo)置于狀態(tài)值上并按 Shift+F6 鍵或轉(zhuǎn)到右鍵點擊上下文菜單中的 Refactor | Rename。
6、新版預(yù)提交( pre-commit)檢查
我們添加了新的選項來幫助您執(zhí)行這項操作。 點擊 Commit 工具窗口中的齒輪圖標(biāo),選擇 Run Tests,然后選擇所需的運行配置。它將測試您的文件并為您提供有關(guān)任何問題的警告。
7、更快的工具窗口重組
現(xiàn)在,用戶可以更方便地重新組織工具窗口。 將鼠標(biāo)懸停在您要移動的工具窗口的頂部,然后將其拖放到所需位置。 如果您也想從主窗口中分離工具窗口,此操作同樣適用 – 只需將其拖放到 IDE 邊框之外即可。
webstorm安裝教程
1、在本站下載軟件壓縮包,解壓后獲得激活工具和軟件安裝程序,雙擊安裝程序開始安裝。
2、設(shè)置安裝路徑,大家根據(jù)自己的情況選擇即可,盡量不要安裝在C盤哦。
3、選擇安裝的位數(shù),這里要根據(jù)自己的電腦位數(shù)來選擇勾選,選好之后點擊next。
4、點install開始安裝,請耐心等待幾分鐘。安裝完成后即可運行WebStorm 2021。
5、首次運行軟件會讓用戶配置或?qū)朐O(shè)置、選擇主題,這些用戶都可以隨意設(shè)置,到注冊界面時,請選擇evaluate for free,點擊evaluate試用軟件。
6、接著再將本站提供的“jetbrains-agent-latest.zip”文件拖放到 IDE 窗口,并點擊restart。
7、點擊安裝和是。
8、不過這時還是全英文的,那么webstorm怎么換成中文呢?接著此時同時按下鍵盤的Ctrl+ALT+S 打開 Settings -> Plugins。
9、選擇“marketplace”接著在輸入框中輸入“Chinese”后即可找到漢化插件,點擊“install”進(jìn)行下載。
10、下載完成后點擊“restart ide”——“restart”。軟件重啟之后就可以免費使用了。
軟件特色
1、專門針對 JavaScript 打造
是否在為 JavaScript 開發(fā)中最棘手的部分尋找值得信賴的工具?10 多年來,我們一直在優(yōu)化,使編碼體驗更加有趣。無論您是使用 JS、TS、React、Vue、Angular、Node.js、HTML 還是各種樣式表,WebStorm 都能滿足您的需求。
2、最智能的編輯器
深刻理解您的項目結(jié)構(gòu),并且可以在編寫代碼的各個方面為您提供幫助。 它將自動補(bǔ)全代碼、檢測錯誤和冗余并提供修復(fù)建議,以及幫助您安全地重構(gòu)代碼。
3、內(nèi)建開發(fā)者工具
在 IDE 中工作的好處之一是在一個地方獲得所有必要工具。使用調(diào)試和測試您的客戶端和 Node.js 應(yīng)用,并利用版本控制。充分使用 linter、構(gòu)建工具、終端和 HTTP 客戶端,這些均已經(jīng)與 IDE 集成。
4、快速導(dǎo)航和搜索
無論您的項目有多大,都可以更快地瀏覽代碼。查找文件、類或符號,并在一個地方查看所有匹配條目。只需點擊幾次,即可跳到任何函數(shù)、方法、變量、組件或類的定義,并找到其用法。
5、高效的團(tuán)隊合作
由于所有關(guān)鍵功能均預(yù)打包,您可以更快速地對新團(tuán)隊成員進(jìn)行入職培訓(xùn)。實時合作編碼,并直接在 IDE 中與他人交流。共享您的項目配置,包括代碼樣式設(shè)置,并高效使用 Git 和 GitHub。
快捷鍵一覽
1、雙擊shift,搜索
在您的項目和當(dāng)前Git存儲庫中快速找到任何文件、操作、類、符號、工具窗口或設(shè)置。
2、Ctrl+Shift+A,查找操作
找到一個命令并執(zhí)行它,打開一個工具窗口,或者搜索一個設(shè)置。
3、雙擊ctrl,運行
啟動運行/調(diào)試配置,運行npm和紗線腳本,并重新打開最近的項目。
4、alt+回車,顯示上下文操作
突出顯示的錯誤和警告的快速修復(fù),改進(jìn)和優(yōu)化代碼的意圖操作。
5、Shift+F2,在代碼問題之間導(dǎo)航
跳到下一個或上一個突出顯示的錯誤。
6、Ctrl+E,查看最近的文件
從列表中選擇最近打開的文件。
7、Ctrl+W / Ctrl+Shift+W,擴(kuò)展或縮小選擇
根據(jù)特定的代碼結(jié)構(gòu)增加或減少選擇范圍。
8、Ctrl+/
Ctrl+Shift+/
添加/刪除行或塊注釋
注釋掉一行或一段代碼。
9、Alt+F7,查找用法
顯示項目中使用代碼元素的所有地方。
軟件亮點
1、對工作結(jié)果滿懷信心
IDE 會在您輸入時運行數(shù)十個代碼檢查并檢測潛在的問題,助您編寫更可靠和更易于維護(hù)的代碼。只需點擊幾次即可重構(gòu)您的整個代碼庫,且在實現(xiàn)較大的結(jié)構(gòu)變更時不會遺漏任何內(nèi)容。
2、可自定義環(huán)境
想要擴(kuò)展內(nèi)置功能?體驗各種主題和插件等,根據(jù)您的喜好定制 外觀。保存您的自定義設(shè)置并在不同實例之間共享。
3、享受高效的編碼
得益于 JavaScript 開發(fā)所需的全部功能開箱即用,您可以直接開始編碼。軟件會為您處理一切常規(guī)工作,讓您更高效并專注于更具創(chuàng)造性的任務(wù)。
4、減輕處理復(fù)雜任務(wù)的壓力
擔(dān)心使用 Git 時出現(xiàn)混亂并丟失重要變更?或者跨整個項目重命名組件時會中斷一些內(nèi)容?軟件將簡化這些和其他具有挑戰(zhàn)性的任務(wù),以便您專注于大局。
界面介紹
窗口包括編輯,在這里您可以閱讀、創(chuàng)建和修改代碼、菜單和工具欄導(dǎo)航欄,a狀態(tài)欄,以及一些工具窗口。這些輔助窗口附著在工作區(qū)的底部和側(cè)面,允許您調(diào)試代碼、運行測試、與版本控制系統(tǒng)交互等等。
你可以隨意組織軟件布局。例如,如果您想專注于編寫代碼,請嘗試無分心模式。它刪除了所有工具欄、工具窗口和編輯器選項卡,因此您有更多的可用空間。要切換到此模式,請選擇視圖|外觀|進(jìn)入無分心模式從主菜單中選擇。
無分心模式的另一種選擇是通過按隱藏所有工具窗口Ctrl+Shift+F12。您可以通過再次按下此快捷方式將布局恢復(fù)為默認(rèn)值。
當(dāng)工具窗口隱藏時,您可以通過快捷方式訪問它們中的任何一個-輸入焦點移動到工具窗口,并且您可以在其上下文中使用任何鍵盤命令。回到編輯器,只需按逃跑。當(dāng)一個工具窗口可見時,按下它的快捷方式會將焦點指向它。
webstorm創(chuàng)建項目方法
1、下載遠(yuǎn)程項目
最廣泛使用的工作流是一個已經(jīng)存在的更新應(yīng)用程序。,在這種情況下,你需要下載應(yīng)用程序 源為項目。
首先, 配置訪問遠(yuǎn)程主機(jī)源的位置( 工具|部署|配置 )。
然后,啟動新項目從現(xiàn)有資源向?qū)?( 文件|新項目現(xiàn)有的文件 ,然后指定遠(yuǎn)程訪問的主機(jī))。
2、復(fù)制控制存儲庫項目
可以復(fù)制包括VCS或GitHub儲存庫的項目,通過選擇VCS | Checkout from Version Control | )。選擇包括:
Cloning a repository from GitHub
Setting up a local Git repository
Setting up a local Mercurial repository
Checking out files from an SVN repository
Checking out files from a CVS repository
3、直接創(chuàng)建新項目
在歡迎界面直接創(chuàng)建新項目(Create New project)
在打開的“創(chuàng)建新項目”對話框中配置屬性。
接下來,當(dāng)項目打開時,讓我們創(chuàng)建一個JavaScript文件,指向上下文菜單中。選擇javascript 文件并命名為MYFILE。
在打開的新文件中編輯和輸入代碼,將自動保存文件。
0條評論