小編給大家分享一下webstorm如何添加*.vue文件支持，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

員工經(jīng)過長期磨合與沉淀，具備了協(xié)作精神，得以通過團(tuán)隊的力量開發(fā)出優(yōu)質(zhì)的產(chǎn)品。創(chuàng)新互聯(lián)建站堅持“專注、創(chuàng)新、易用”的產(chǎn)品理念，因為“專注所以專業(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡單”。公司專注于為企業(yè)提供成都做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號開發(fā)、電商網(wǎng)站開發(fā)，小程序開發(fā)，軟件按需規(guī)劃網(wǎng)站等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。

方法1：安裝 Vue.js 插件

打開 Settings->Plugins 搜索安裝

css預(yù)處理器支持

在我寫這文章的時間，還沒有支持預(yù)處理的方案，不過現(xiàn)在已經(jīng)很簡單了。

給 style 標(biāo)簽加上 rel=”stylesheet/scss” 屬性即可支持 scss 語法，看規(guī)則可以改成 less stylus 之類的。

<style rel="stylesheet/scss" lang="sass" scoped>
</style>

方法2：Webstorm EAP 版已經(jīng)原生支持vue文件

看這里 https://blog.jetbrains.com/webstorm/2017/02/webstorm-2017-1-eap-171-2822/ EAP版可能不太穩(wěn)定，不過也能用。
或者等過段時間發(fā)布的 Webstorm 2017.1 穩(wěn)定版。

不得不說vue真是越用越厲害了啊，Webstorm也開始支持了。最后 原生支持才是最好的

以下內(nèi)容過時，針對舊版本的Webstorm

webstorm是前端開發(fā)神器，但我一直都不喜歡webstorm，就因為那很挫的配色和那大光標(biāo)。

上陣子開始玩 Vuejs，在 Vue 中，可以 .vue 文件實現(xiàn)組件化，但各種編輯器都支持不好，作者也給sublime開發(fā)了相關(guān)的vue插件。我覺得用sublime就是在浪費生命啊，花那么多時間來裝插件配環(huán)境，我選擇IDE！

堅持用sublime寫了一個月的vue，沒有智能提示（而對重度依賴提示），不能對代碼進(jìn)行格式化，手動調(diào)縮進(jìn)，尼瑪，能堅持這么久也不容易。所以折騰了下webstorm看怎么支持，所以就有這篇筆記。

vue支持

打開 Settings => File Types 找到 HTML 添加 *.vue

這樣vue文件就相當(dāng)于html文件，可以編輯css，js，也都有智能提示。

我一般用的是 es6 ，所以vue寫es6的代碼,webstorm還是會報錯。

vue里ES6支持

將script標(biāo)簽添加 type=”es6” 屬性

<script type="es6">
</script>

然后打開 Settings => Language Injections 添加 XML Tag Injection，內(nèi)容如下圖。

*.js 支持ES6

webstorm默認(rèn)js文件是ES5語法

打開 Settings => Languages & Frameworks => Javascript

把 Javascript Language version 改為 ECMAScript 6

PS:要在vue文件里寫sass,stylus之類的css預(yù)處理，webstorm就不支持了，我也嘗試了添加 Injection ，代碼高亮正常，但卻是臨時的，只要一改動代碼，又會劃很多紅線了，經(jīng)過google，這似乎是webstorm的一個已知的Bug。

以上是“webstorm如何添加*.vue文件支持”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：webstorm如何添加*.vue文件支持
文章地址：http://sd-ha.com/article44/iecdhe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、做網(wǎng)站、企業(yè)網(wǎng)站制作、全網(wǎng)營銷推廣、App開發(fā)、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)