WebStorm初次使用

2022-08-03 15:54:17 字數 703 閱讀 5599

1. ctrl + / : 單行注釋

2. ctrl + shift + / : 塊注釋

3:展開當前函式**:ctrl+「+」,收起當前**:ctrl+「-」

4:全域性查詢: ctrl+shift+f 

5:顯示當前函式結構:alt+「7」 

6:行複製:ctrl+d

7:輸出模板 :ctrl+j

8:跳到變數宣告處:ctrl+b

9:左右切換標籤頁:alt+「左右箭頭」

10:替換:ctrl+r

13:14:

15:1. ctrl + shift + n: 開啟工程中的檔案,目的是開啟當前工程下任意目錄的檔案。

4. ctrl + alt + t: 圍繞包裹**(包括zencoding的wrap with abbreviation)

5. ctrl + : 匹配 {}  

11. shift + alt + up: 塊移動(if(){},while(){}語句塊的移動)

13. ctrl + shift + ]/[: 選中塊**

16. ctrl + shift + i : 顯示當前css選擇器或者js函式的詳細資訊

19. shift + esc: 當前啟用的任意小視窗最小化,也可以是alt+數字鍵,數字在小視窗有顯示。

21. 如果是*.html頁面,則在檔名下的導航欄某dom結構上右鍵,可以全選當前dom結構。

webstorm基礎使用

因為需要用到sass自動編譯,從sublime轉到了webstorm。現在自我感覺sublime需要的外掛程式太多,而webstorm很多功能都幫你及成,不需要你去找外掛程式和安裝外掛程式。webstorm的好處我今天用下來發現有以下幾點,以後再慢慢更新。1 強大的 提示,不論是html css j...

WebStorm 使用經驗

1.優點 1.1 可自動提示的寬高 1.2 標籤名字可重構 改名 1.3 css重新命名 1.4 可把內聯的style移到外部 1.5 可實現宣告提公升 1.6 設定項是可搜尋的 1.7 有本地版本控制 1.8 主要是對流行技術的支援,比如node.js,less,sass,jq,ext,proto...

使用WebStorm開發TypeScript的設定

使用node的npm命令安裝typescript編譯器 cmd命令直接執行不成功的話,到node安裝目錄下再執行npm命令 如果你想安裝或更新最新版,執行npm install typescript g 如果你要安裝特定版本,就npm install typescript 1.0.0 g 需要聯網,...