1. 程式人生 > >Webstorm 新增 .vue 檔案功能並支援高亮和ES6語法

Webstorm 新增 .vue 檔案功能並支援高亮和ES6語法

一、Webstorm新增.vue檔案功能

首先,點選左上角“File”找到“settings”進入到設定視窗介面,點選“Plugins”右側搜尋 vue:
這裡寫圖片描述

然後,點選“Browse..”進入到下載頁面,選擇“Vue.js” 點選“Install plugin”進行下載:

這裡寫圖片描述

下載完成後點選右下角“Apply”進行重啟操作:

這裡寫圖片描述

再次進入到“settings”介面,點選“Editor”展開,點選“File and Code Templates”,再點選右側綠色加號,然後在“Name”和“Extension”填入如圖操作,最後確認即可:

這裡寫圖片描述

需要高亮的朋友可以看下圖設定:
這裡寫圖片描述

二、Webstorm支援es6語法

這個設定也很簡單,不多說,上圖很好理解:
這裡寫圖片描述