摘要:家族的新版等工具都已支持,不需要自己再安裝插件,對單文件組件支持挺好。當(dāng)前里同時包含的另一個項(xiàng)目是使用模板新建的一個空項(xiàng)目,這個項(xiàng)目的里有,有了這個以后項(xiàng)目里文件支持語法提示了。
jetbrains家族的新版webStorm、phpStorm等工具都已支持vue,不需要自己再安裝Vue.js插件,對vue單文件組件支持挺好。
但是在html文件中直接引入的方式使用vue時IDE可能默認(rèn)不支持vue的代碼提示補(bǔ)全,還會有 "Attribute v-xxx is not allowed here"這樣的提示,如下圖這樣
參考jetbrains的vue.js插件源碼說明里面這段話:
If you’re using IntelliJ IDEA Ultimate, PhpStorm, PyCharm, or RubyMine, install Vue.js plugin in Preferences | Plugins - Install JetBrains plugins.
Open your Vue project.
Make sure that you have Vue.js library files in your project (for example, in the node_modules folder).
看上面第3條,就是說當(dāng)前IDE項(xiàng)目里需要有vue的庫文件,比如在node_modules目錄里。
我們分別使用下面兩種方法實(shí)現(xiàn):
1.下載vue源文件,適合本機(jī)沒有g(shù)it,npm,vue-cli環(huán)境的
前往github下載vue源文件, 放到項(xiàng)目目錄里就可以了。(如果下載的是zip請先解壓)2.新建一個vue-cli項(xiàng)目,適合本機(jī)有npm, vue-cli環(huán)境的
新建一個vue-cli項(xiàng)目, 比如:vue init webpack vue-cli-test,根據(jù)提示創(chuàng)建完并npm install完成之后在同一個ide窗口中打開剛剛新建的vue-cli項(xiàng)目即可。
不管哪種方法目的都是為了讓當(dāng)前ide窗口中有vue庫文件,然后問題就解決了,v-xxx屬性不支持的提示已經(jīng)沒有了,v-for之類的指令里的js代碼也支持高亮了。
(這里所謂項(xiàng)目指的只是在phpStorm同一個窗口中打開的多個目錄而已,只要這些目錄中任意一個里有包含vue的node_modules就可以,比如我這里普通項(xiàng)目是html-project, 這個項(xiàng)目里vue是在html文件中通過直接引入使用的。當(dāng)前phpStrom里同時包含的另一個項(xiàng)目vue-cli-test是vue-cli使用webpack模板新建的一個空項(xiàng)目,這個項(xiàng)目的node_modules里有vue,有了這個以后html-project項(xiàng)目里html文件支持vue語法提示了。)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/51635.html
摘要:家族的新版等工具都已支持,不需要自己再安裝插件,對單文件組件支持挺好。當(dāng)前里同時包含的另一個項(xiàng)目是使用模板新建的一個空項(xiàng)目,這個項(xiàng)目的里有,有了這個以后項(xiàng)目里文件支持語法提示了。 jetbrains家族的新版webStorm、phpStorm等工具都已支持vue,不需要自己再安裝Vue.js插件,對vue單文件組件支持挺好。但是在html文件中直接引入的方式使用vue時IDE可能默認(rèn)不...
這篇文章主要講述compileToFunctions的作用。 我們現(xiàn)在就compileToFunctions 的真弄明白為什么要弄的這么復(fù)雜?現(xiàn)在我們看看下面完整代碼?! ompileToFunctions是如何把模板字符串template編譯成渲染函數(shù)render的。 Vue.prototype.$mount函數(shù)體 回歸到Vue.prototype.$mount函數(shù)體內(nèi)。 varr...
前言 學(xué)習(xí)中有一種方式就是錯題匯總,在學(xué)習(xí)代碼,日常書寫代碼中對于遇到報錯,也要匯總,這樣可以在以后編碼過程中避免或解決這些問題。 一、報錯結(jié)構(gòu) 首先對于報錯分為:錯誤類型、錯誤位置、錯誤描述、錯誤規(guī)則和問題數(shù)量?! ∪缟蠄D: 報錯類型為編譯錯誤; 錯誤位置在D:\myel\src\views\admin\AdminView.vue中的第四行第2個字符;(報錯位置不一定每次都是準(zhǔn)確的...
摘要:表達(dá)式的計算值和屬性的值與指定名稱的元素有關(guān)根據(jù)下面的規(guī)則在的表達(dá)總是返回一個字符串。在沒有命名空間這將只是一個標(biāo)識符。 本文不是w3c翻譯 保留原文的基礎(chǔ)上 做出自己的理解為主 參考 http://www.w3.org/TR/2015/CR-css-values-3-20150611/#attr-notation attr函數(shù)介紹 The attr() fun...
摘要:是一個極其好用的代碼提示及補(bǔ)全工具,可以給編寫代碼帶來極大的便利。例如事件將返回一個對象,利用文件您可以調(diào)用并且它將自動完成的方法。提示您可能需要重啟使文件生效。 showImg(https://segmentfault.com/img/remote/1460000014528926); Laravel IDE Helper 是一個極其好用的代碼提示及補(bǔ)全工具,可以給編寫代碼帶來極大的...
閱讀 1902·2021-11-22 15:25
閱讀 1260·2021-11-19 09:40
閱讀 1870·2021-09-27 13:57
閱讀 1002·2021-09-22 15:10
閱讀 981·2021-08-16 11:01
閱讀 2980·2021-07-23 17:51
閱讀 777·2019-08-30 15:55
閱讀 827·2019-08-30 13:58