詳解Webstorm 新建.vue文件支持高亮vue語(yǔ)法和es6語(yǔ)法

更新時(shí)間：2017年10月26日 11:20:14 作者：來(lái)年又來(lái)年

這篇文章主要介紹了Webstorm 添加新建.vue文件功能并支持高亮vue語(yǔ)法和es6語(yǔ)法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下

Webstorm 添加新建.vue文件功能并支持高亮vue語(yǔ)法和es6語(yǔ)法，分享給大家，具體如下：

添加新建.vue文件功能

①Webstorm 右上角File-Plugins 搜索vue如果沒有就去下載點(diǎn)擊serch in repositories

②點(diǎn)擊安裝vue.js

③安裝成功后點(diǎn)擊右下角Apply 提示重啟webstorm 重啟完成后 Setting-Editor-File and Code Templates 點(diǎn)擊右上角的加號(hào) 添加vue文件 Name為vue File, Extension 為vue,下面的位置可以填寫自定義的初始化模板內(nèi)容

④點(diǎn)擊OK 返回，在項(xiàng)目中新建會(huì)出現(xiàn)vue文件 webstorm配置新建vue文件完成。

高亮vue的語(yǔ)法和ES6支持

①高亮vue的語(yǔ)法Setting-File Types 選中html 點(diǎn)擊下面的加號(hào)添加*.vue 點(diǎn)擊Apply 返回就可以看到webstorm 識(shí)別.vue文件中的語(yǔ)法

②ES6支持：JavaScript選擇es6

補(bǔ)充：看到有人說(shuō)直接在<script>標(biāo)簽中添加type="text/ecmascript-6"里面的代碼也會(huì)高亮并支持ES6。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Webstorm
vue

相關(guān)文章

詳談vue中的rules表單驗(yàn)證(常用)
這篇文章主要介紹了關(guān)于vue中的rules表單驗(yàn)證(常用)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-06-06
vue項(xiàng)目中常見問題及解決方案(推薦)
這篇文章主要介紹了vue項(xiàng)目中常見問題及解決方案,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-10-10
Vue?UI創(chuàng)建項(xiàng)目詳細(xì)步驟
本文主要介紹了Vue?UI創(chuàng)建項(xiàng)目詳細(xì)步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-01-01
vue中實(shí)現(xiàn)滾動(dòng)加載更多的示例
下面小編就為大家?guī)?lái)一篇vue中實(shí)現(xiàn)滾動(dòng)加載更多的示例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-11-11
Vue使用openlayers加載天地圖
這篇文章主要為大家詳細(xì)介紹了Vue如何使用openlayers加載天地圖,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以了解下
2024-02-02
vue3數(shù)據(jù)監(jiān)聽watch/watchEffect的示例代碼
我們都知道監(jiān)聽器的作用是在每次響應(yīng)式狀態(tài)發(fā)生變化時(shí)觸發(fā)，在組合式?API?中，我們可以使用?watch()函數(shù)和watchEffect()函數(shù),下面我們來(lái)看下vue3如何進(jìn)行數(shù)據(jù)監(jiān)聽watch/watchEffect，感興趣的朋友一起看看吧
2023-02-02
vue項(xiàng)目動(dòng)態(tài)設(shè)置iframe元素高度的操作代碼
在現(xiàn)代Web開發(fā)中,iframe元素常用于嵌入外部?jī)?nèi)容到當(dāng)前網(wǎng)頁(yè)中,比如在線文檔、視頻播放器或是廣告,Vue框架提供了強(qiáng)大的工具來(lái)解決這個(gè)問題,通過(guò)動(dòng)態(tài)設(shè)置iframe元素的高度,我們可以確保頁(yè)面布局既美觀又高效,本文給大家介紹了vue項(xiàng)目動(dòng)態(tài)設(shè)置iframe元素高度的操作
2024-10-10
Vue export import 導(dǎo)入導(dǎo)出的多種方式與區(qū)別介紹
這篇文章主要介紹了Vue export import 導(dǎo)入導(dǎo)出的多種方式與區(qū)別介紹，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-02-02
Vue 頁(yè)面監(jiān)聽用戶預(yù)覽時(shí)間功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue 頁(yè)面如何監(jiān)聽用戶預(yù)覽時(shí)間,首先需要借助vue頁(yè)面的生命周期函數(shù)mounted和destroyed，分別加入開始計(jì)時(shí)和清除計(jì)時(shí)的邏輯，通過(guò)相關(guān)操作實(shí)現(xiàn)此功能，需要的朋友可以參考下
2021-07-07
vue部署包可配置后臺(tái)接口地址的方法
這篇文章主要介紹了vue部署包可配置后臺(tái)接口地址的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-03-03