一、設置
file-settings- -color&fonts設置，字體 主體 -file and code templates模板
ctrl+r 查找，替換
1 雙擊shift 快速查找
2 file -new project 新建文件夾
3 file-new 新建html css js等
4 右鍵-local history 查看歷史
5 雙擊選擇某個元素，alt，可以同時選擇多個進行修改。
6 code-reformat code 格式化代碼 （快捷鍵：ctrl+alt+l）
7 file-settings-keymap 設置 修改快捷鍵
8 光標定位在末尾：ctrl+d；復制粘貼一行
二、emmet用法：光標定位在最后，再按tab；中間不要有空格；
1 ul>li.item-$, tab：
2 <ul>
<li class="item-1"></li>
<li class="item-2"></li>
<li class="item-3"></li>
</ul>
3 lorem10 tab：可以創造出10個單詞
4嵌套
>父子
+同級
^返回同級
*多個
（）分組
# id
. class
[] 自定義屬性
{}文本
三、注釋，取消注釋，操作一樣
選擇代碼塊，ctrl+/
四、復制粘貼
復制多次之后
ctrl+shift+v,選擇粘貼哪個
五、將光標定位在行中任意地方
ctrl+shift+enter 在下方增加一行
ctrl+alt+enter 在上方增加一行
六、ctrl + 代碼塊展開
ctrl -代碼塊折疊
ctrl shift +代碼全部展開
ctrl shift -代碼全部折疊
七、找相對應的標簽
將光標定位在標簽后，ctrl+[或者]，就可以自動定位到相應地標簽
八crtl+shift+backspace 切換到上次編輯的地方
ctrl+e 查看最近使用的文件
九、預覽圖片：
光標在圖片路徑文件夾上：shift
十、選擇顏色：
點擊左邊的顏色小框
十一、重命名,光標定位在要重命名的地方
shift+f6
十二、Webstorm快捷鍵小練習
1、查找/替換，分為全局查找和文件內查找。
全局查找/替換: Ctrl+Shift+N 根據鍵入文件名查找文件
Ctrl+Shift+Alt+N 根據鍵入名字查找對象
Ctrl+E 最近打開的文件
Ctrl+Shift+E 最近編輯的文件
查找/替換 匹配字符所有的位置 組合鍵
Ctrl+Shift+F 打開查找窗口，鍵入需要查找的字符
或Ctrl+shift+R 打開替換窗口，鍵入需要替換的字符
Enter 開始查找(或Tab鍵切換到Find按鈕，再Enter)
或ESC 關閉查找窗口，取消查找
Alt+3 打開Find結果窗口(Alt+3除了能打開窗口，還能
從其他窗口切換到Find結果窗口下，然后使用上
下鍵翻閱結果項即可)
Ctrl+Shift+上下鍵 可調節Find結果窗口高度
按ESC 可回到代碼編輯窗口
文件內查找/替換: 組合鍵
Ctrl+F 打開文件內字符查找窗口，鍵入查找的字符
Ctrl+R 打開文件內字符替換窗口，鍵入替換的字符
F3或Shift+F3 在匹配的所有字符中前進或后退切換
ESC或ReplaceAll 退出或全部替換
2、界面操作
Alt+菜單項首字母 即可打開該菜單列表
Alt+[1-9] 拆合功能界面模塊
Alt+7 界面元素大綱
Alt+5 debug界面
Alt+4 Run界面
Alt+3 Find結果界面
Alt+1 Project界面
Ctrl+Shift+F12 最大編輯界面(Ctrl+Shift+F9/Shift+F9 -
debug;Ctrl+Shift+F10/Shift+F10 -Run)
打開文件，切換文件，關閉文件標簽頁 組合鍵
Alt+1 鼠標焦點切換到Project界面下
上下鍵 按上下鍵選擇文件
Enter 打開文件Tab頁
Alt+左右方向鍵 在多個文件Tab頁間切換
Ctrl+F4 關閉當前Tab頁(Alt+F4關閉Webstrom)
3、代碼編輯 組合鍵
Esc 切換焦點到編輯界面下
(定位)
Ctrl+G 輸入行好，定位光標到某行
home/end 定位光標到行首/行尾
Ctrl+home/end 定位光標到文件首行或者末行
Ctrl+左右方向鍵 已單詞為步長在一行內移動
Ctrl+W 選擇某個單詞
(編輯)
Ctrl+Alt+Enter/Enter在行前新建一行/或行后另起一行，鍵入代碼
Ctrl+X 刪除一行
Ctrl+D 復制一行
Ctrl+Z 撤銷
Ctrl+shift+Z 還原
(查看)
Ctrl+B 進入方法體
Ctrl+Alt+右方向鍵 退出方法體
Ctrl+[-/+] 收縮/展開方法體
Ctrl+Shift+[-/+] 全局收縮/展開方法體
十三、javascript標簽到底是應該放在頭部還是尾部
按照慣例，所有<script>元素都要放在頁面的<head>元素中。如：
<html>
<head>
<script type="text/javascript" scr="example.js"></script>
</head>
<body>
</body>
</html>
這種做法就是把所有的外部文件（包括CSS和JS）的引用都放在相同的地方。可是文檔的<head>包含所有JavaScript文件則意味著必須等到所有JavaScript代碼下載、解析、執行完以后才呈現網頁的內用，這無疑會導致瀏覽器在呈現頁面時出現明顯的延遲，為了避免這個問題，現代Web應用程序一般全部JavaScript放到<body>元素中。
<html>
<head>
</head>
<body>
<script type="text/javascript" scr="example.js"></script>
</body>
</html>
十四、去電點擊時出現的虛線框
a:focus{outline:none;}
: Access denied for user 'ODBC'@'localhost' 解決Mysql錯誤)
 加入友情鏈接功能)
![[轉]IPython介紹](http://pic.xiahunao.cn/[轉]IPython介紹)
