1.常用快捷鍵
shift+↑ 向上選取代碼塊
shift+↓ 向下選取代碼塊
ctrl+/ 注釋/取消注釋的行注釋
ctrl+alt+L 格式化代碼
tab,shift+tab 調整縮進
ctrl+shift+V 從剪貼板里選擇粘貼
ctrl+D 復制代碼副本
shift+delete 刪除當前行
ctrl+shift+U 大小寫轉換
alt+←,alt+→ 左右切換選項卡
ctrl+B 跳轉到變量聲明處
ctrl+F12 文件結構彈出式菜單（查看代碼結構）
如圖：
(tip：圖片點擊可放大,方便移動端瀏覽)
alt+/ 代碼補全
ctrl+F 搜索
ctrl+shift+F 按路徑搜索
如圖：
(tip：圖片點擊可放大,方便移動端瀏覽)
ctrl+R 替換
ctrl+shift+R 按路徑替換
如圖：
(tip：圖片點擊可放大,方便移動端瀏覽)
shift+F6 重命名
ctrl+W 選中單詞
shift+tab/tab 減少/擴大縮進
ctrl+Y 刪除一行
esc 進入代碼編輯區域
alt+F1 查找代碼在項目的具體某個位置 在瀏覽器打開 等等
如圖：
(tip：圖片點擊可放大,方便移動端瀏覽)
ctrl+G 到指定行的代碼
ctrl+F4 關閉當前代碼選項卡
2.支持類：各種類型文件vue、php、es6語法等
支持vue文件類型、語法高亮及提示
2-1.支持vue語法提示：
安裝vue插件：
(tip：圖片點擊可放大,方便移動端瀏覽)
成功后的效果：
(tip：圖片點擊可放大,方便移動端瀏覽)
2-2.vue文件被編輯器識別（應用主題）：
(tip：圖片點擊可放大,方便移動端瀏覽)
php文件識別也是同樣的方法設置，這里不再贅述。
2-3.支持es6語法
(tip：圖片點擊可放大,方便移動端瀏覽)
2-4.編輯器中vue文件里面支持sass：
(tip：圖片點擊可放大,方便移動端瀏覽)
如圖：直接src引入或加上type=”text/scss”
3.編輯器里面添加多個項目
(tip：圖片點擊可放大,方便移動端瀏覽)
4.webstorm忽略node_module文件
4-1.針對文件夾單獨設置：
(tip：圖片點擊可放大,方便移動端瀏覽)
4-2.全局設置：
(tip：圖片點擊可放大,方便移動端瀏覽)
5.建立vue模板文件
(tip：圖片點擊可放大,方便移動端瀏覽)
成功后的效果：