2017-02-20 87 views
1

我似乎在VS代碼中有語法高亮,沒有安裝任何特定的Vue擴展(事實上,當我運行code --disable-extensions時)。然而,從我見過around the web /朋友那裏,需要一個vue擴展名,因爲VS Code不支持Vue開箱即用。VSCode是否支持Vue而不添加擴展?

它支持Vue嗎?我檢查了過去幾個月的發行說明,沒有發現任何與此相關的Vue。如果它支持Vue,爲什麼會有一些Vue擴展提供語法高亮顯示?

回答

5

聲明:前VSCode實習生。在vetur工作,一個VSCode擴展VUE:

簡短的回答:沒有。

龍答:

VSCode一直利用其vue SFC的html擴展。這適用於html/css/js,但不是pug/sass/scss/less/stylus/typescript/coffee。

通過「正常工作」,我的意思是VSCode具有正確的語法高亮,一些智能感知,格式化和錯誤檢查,爲html/css/js。

VSCode無意在其html擴展中添加特定於vue的支持,如scss支持等。所以我開始研究vetur。最初我只是想要更好的語法突出顯示,但現在我已經重寫了vue組件的語法並移植了VSCode的html擴展以支持vue,因此您可以獲得完整的語法突出顯示,一些IntelliSense,錯誤檢查和格式設置。

這裏是實現的功能列表:

  • 基本的IntelliSense的HTML/CSS/SCSS /更少/ JS
  • 掉毛的CSS/SCSS /更少/ JS
  • 語法高亮:
    • HTML /玉/哈巴狗
    • CSS/SASS/SCSS /少/觸筆
    • JS/TS
  • 嵌入式片斷支持
    • 所有地區
    • 使用每種語言的其區域
  • 埃米特內片段的HTML/CSS/SASS/SCSS /更少
外使用VUE片段

enter image description here

+0

嗨,非常感謝製作vetur。由於某種原因,我無法完成這項工作。顯然,沒有其他人有這個問題。所以我必須錯過一些明顯的東西。這是我做的:1.安裝vetur,2.下載veturpack,3.從veturpack文件夾中運行紗線和紗線dev。 4.以vs代碼打開文件夾。什麼都沒有我也嘗試用'include'添加一個jsconfig.json文件:[「./client/**/*」]'。在tsconfig中也是一樣的。你能告訴我我做錯了什麼嗎?再次感謝。 –

+0

忘了補充:VS Code 0.13.1,vetur 0.9.0,Node 8.1.3,Windows 10. vetur是唯一安裝的擴展程序 –

+0

沒關係,問題很簡單,我以前配置過我的.vue文件被認爲是html,只能將語言改爲vue。 –

0

Vue只是一個javascript庫,所以,你可以在VSCode中編輯Vue代碼。然而,像「Single File Components」這樣的東西使得使用Vue更容易。 VSCode也可以編輯.vue文件,但是要處理那些需要類似webpack或Browserify的文件,以便將它們後處理爲適合瀏覽器的代碼。