數碼資源網

文章頻道 軟件下載 安卓下載 蘋果下載

當前位置:首頁文章中心最新資訊軟件資訊 → webstorm2017應該怎麼用 webstorm使用教程

webstorm2017應該怎麼用 webstorm使用教程

時間:2017-03-20 14:55:29人氣:259作者:網友整理
機戰僵屍2017內購版(鑽石免費) v1.2 安卓修改版
機戰僵屍2017內購版(鑽石免費) v1.2 安卓修改版 for Android
  • 類型:飛行射擊大小:26.07M語言:簡體中文 評分:3.0
  • 僵屍類電影大家應該都看了不少了,僵屍類的遊戲應該也玩過不少,機戰僵屍2017內購...
立即下載
個稅計算器2017版(個人所得稅計算器) v1.3 安卓版
個稅計算器2017版(個人所得稅計算器) v1.3 安卓版 for Android
  • 類型:安卓其他大小:26.73M語言:簡體中文 評分:3.0
  • 2017年的個人所得稅怎麼算呢?用個稅計算器2017版就能夠輕鬆的算出來!個稅計...
立即下載
GGScript安卓APP(超簡單的手遊修改器) v2.4 免費版
GGScript安卓APP(超簡單的手遊修改器) v2.4 免費版 for Android
  • 類型:手遊輔助大小:24.38M語言:簡體中文 評分:3.0
  • 網上有非常多的手遊修改代碼,不會用怎麼辦?這裏就為你帶來了GGScript安卓A...
立即下載

小夥伴們是不是等webstorm太久了呢?但是到底webstorm2017應該怎麼用 webstorm使用教程給你相當詳細的介紹哦!說實話,小編真的是耗費了好長時間才找到的呢!像什麼webstorm漢化啦!webstorm注冊碼啦!所以小夥伴們一定不要枉費小編的一片心意哦!好了!廢話不多說了!現在就開始咯!

webstorm2017應該怎麼用 webstorm使用教程

webstorm的功能:

1、webstorm的智能的代碼補全:

支持不同瀏覽器的提示,還包括所有用戶自定義的函數(項目中)

webstorm2017應該怎麼用 webstorm使用教程

webstorm2017應該怎麼用 webstorm使用教程

代碼補全包含了所有流行的庫,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、webstorm代碼格式化:

代碼不僅可以格式化,而且所有規則都可以自己來定義:

webstorm2017應該怎麼用 webstorm使用教程

3、代碼編寫中的html提示:

webstorm2017應該怎麼用 webstorm使用教程

大家經常在js代碼中編寫html代碼,一般來說十分痛苦,不過有了智能提示,就爽多了。

webstorm2017應該怎麼用 webstorm使用教程

4、代碼導航和用法查詢:

隻需要按著Ctrl鍵點擊函數或者變量等,就能直接跳轉到定義:

webstorm2017應該怎麼用 webstorm使用教程

可以全項目查找函數或者變量,還可以查找使用並高亮:

webstorm2017應該怎麼用 webstorm使用教程

5、代碼重構(這個操作有些像Resharper,熟悉Resharper的用戶應該上手很快):

支持的有重命名、提取變量/函數、內聯變量/函數、移動/複製、安全刪除等等,比如:

webstorm2017應該怎麼用 webstorm使用教程

內聯變量重構之後變為:

webstorm2017應該怎麼用 webstorm使用教程

6、代碼檢查和快速修複:

webstorm2017應該怎麼用 webstorm使用教程

可以快速找到代碼中的錯誤或者需要優化的地方,並給出修改意見,快速修複。

webstorm2017應該怎麼用 webstorm使用教程

7、webstorm代碼調試:

webstorm2017應該怎麼用 webstorm使用教程

8、代碼結構瀏覽:

可以快速瀏覽和定位

webstorm2017應該怎麼用 webstorm使用教程

9、代碼折疊:

webstorm2017應該怎麼用 webstorm使用教程

10、包裹或者去掉外圍代碼:

webstorm2017應該怎麼用 webstorm使用教程

去掉之後就成了:

webstorm2017應該怎麼用 webstorm使用教程

webstorm查找/代替:

快捷鍵         說明

ctrl+shift+N     通過文件名快速查找工程內的文件(必記)

ctrl+shift+alt+N  通過一個字符快速查找位置(必記)

ctrl+F         在文件內快速查找代碼

F3            查找下一個

shift+F3        查找上一個

ctrl+R         文件內代碼替換

ctrl+shift+R     指定目錄內代碼批量替換

ctrl+shift+F     指定目錄內代碼批量查找

ctrl+R         文件內代碼替換

webstorm界麵操作:

快捷鍵         說明

ctrl+shift+A     快速查找並使用編輯器所有功能(必記)

alt+[0-9]       快速拆合功能界麵模塊

ctrl+shift+F12    最大區域顯示代碼(會隱藏其他的功能界麵模塊)

alt+shift+F      將當前文件加入收藏夾

ctrl+alt+s       打開配置窗口

ctrl+tab        切換代碼選項卡(還要進行此選擇,效率差些)

alt+<-或->       切換代碼選項卡

ctrl+shift+N      通過文件名快速查找工程內的文件(必記)

ctrl+shift+alt+N   通過一個字符快速查找位置(必記)

ctrl+F          在文件內快速查找代碼

F3             查找下一個

shift+F3         查找上一個

ctrl+R          文件內代碼替換

ctrl+shift+R      指定目錄內代碼批量替換

ctrl+shift+F      指定目錄內代碼批量查找

ctrl+R          文件內代碼替換

webstorm代碼編輯:

快捷鍵         說明

ctrl+D         複製當前行

ctrl+W         選中單詞

ctrl+<-或->      以單詞作為邊界跳光標位置

alt+Insert      新建一個文件或其他

ctrl+alt+L      格式化代碼

shift+tab/tab    減少/擴大縮進(可以在代碼中減少行縮進)

ctrl+Y         刪除一行

shift+enter     重新開始一行(無論光標在哪個位置)

webstorm導航:

快捷鍵         說明

esc           進入代碼編輯區域

alt+F1         查找代碼在其他界麵模塊的位置,頗為有用

ctrl+G         到指定行的代碼

ctrl+]/[        光標到代碼塊的前麵或後麵

alt+up/down     上一個/下一個方法

建議配置版本控製快捷鍵:

快捷鍵         說明

ctrl+C         提交代碼

ctrl+p         向遠程版本庫推送更新

ctrl+G         到指定行的代碼

ctrl+]/[       光標到代碼塊的前麵或後麵

alt+up/down     上一個/下一個方法

webstorm下載專區中還有好多精彩內容呢!你不想來看看嘛?

相關文章

猜你喜歡

webstorm下載專區
webstorm下載專區

webstorm下載專區

webstorm被譽為廣大中國JS開發者嚴重的Web前段開發神器,今天奉上webstorm下載專區給...[更多]

感謝速聯科技、八度網絡、九九數據、億恩科技、群英網絡讚助部分帶寬!

關於本站 | 聯係方式 | 版權聲明 | 下載幫助(?) | 網站地圖

Copyright 2002-2020 95262.com 【數碼資源網】 版權所有 粵ICP備2020128507號-1

本站所有軟件來自互聯網,版權歸原著所有。如有侵權,敬請來信告知 ,我們將及時撤銷。