標籤:

為什麼VSCode裡面HTML沒有CSS和JS提示了???太不方便了!!!!!!

在HTML直接寫CSS和JS沒有提示了???瘋了,原本寫CSS還有提示的 ,,更新了後。。。CSS也沒有。。。煩躁。。。請問大家有遇到過這種問題么,求幫助


12月15日更新

這是一個值得紀念的日子,經過若干個月若干個版本的等待,

VSCode 1.8中的HTML已提供完整的CSS與Javascript支持。

感謝一直以來關注這個問題的朋友,歡呼吧大家~

==================================================================

原回答

知乎首答……

升了1.3之後立馬就發現這個問題了,js那個倒是很久之前就一直有了,超級不方便,也不知是怎麼想的。

一開始以為是我電腦的bug,後來上了github才發現不只是我一個人遇到了這個問題。

然後仔細翻了一下1.3的doc發現CSS被提取出來了(可能是因為這個原因導致css in html的提示丟失了)

可能是我理解不好,因為我英文也是水水的……但是我升了VScode 的1.4 insider版發現還是有這個問題,頓時頭都大了。(有那麼一瞬間是想放棄VScode轉投sublime的,但是又捨不得VScode的顏值),所以暫時退回1.2.1等官方的回答。

然後今天我上插件商場閑逛的時候,偶然發現了一個神奇的插件:

HTML CSS Support

複製這個來安裝 ext install vscode-html-css

CSS support in HTML documents!見到這行字眼睛都發光了,試用了一下覺得挺完美的,完美解決CSS在1.3下的提示問題,而且相比較以前還增加了在attribute里的CSS代碼感知等特性,終於可以放心升1.3.1了!

================================

7月18日更新

突然收到了插件開發者的評論,大概翻譯是這樣子……

你好,

我有一個新的插件用於style標籤和屬性里的CSS代碼自動補全,同時它還能補全class屬性:GitHub - ecmel/vscode-html-css: Visual Studio Code Extension

該插件的語言智能補全使用了這個技術:GitHub - Microsoft/vscode-css-languageservice: CSS, LESS SCSS language service extracted from VSCode to be reused, e.g in the Monaco editor.

在編寫這個插件的過程中,我也積累了一些經驗。我認為新的vscode的html支持應該是被重構了,並使用vscode.extension api來賦予html語言感知用於允許將來的插件利用底層的html文檔。

7月21日更新

突然發現ecmel(插件開發者)評論我說這個問題已經提上了vscode團隊的修復日程,鏈接如下

Start to extract the html support into an extension · Issue #8938 · Microsoft/vscode · GitHub

第三條便是:將修復(html)內嵌對css與js的支持

團隊的回答是,預計將在8月的更新中修復。喜大普奔!!恐怕這是最好的解答了

(我的那個issue在最底下很榮譽的上榜了:-3)

忽然有種信仰被充值的感覺……

====================================================================

7.27再更新(orz其實我不想更新了,vscode團隊快把他修復了吧)

修復完成時間被延遲到了8月份(原定7月完成),然後Erich Gamma博士出來解釋了一下CSS支持消失的原因(還真是把CSS提取出來的過程中不小心弄丟的……)以及推遲的原因

CSS and JS autocomplete not working inside style and script tags respectively in html file · Issue #8928 · Microsoft/vscode · GitHub

願早日修復

=================================================================

更新

Github上相關issue已關閉,但是似乎1.6更新中並不包含對JS和CSS的智能補全,更多的詳情要在1.6出來後才能了解得到,我也會一直保持更新的。感謝大家的支持與諒解

更多的更新細節可以在我另一個回答中了解到

vs code中,寫在&&里的js代碼沒提示么? - Zeee 的回答

11月4日更新

VSCode 1.7已支持CSS in HTML的智能補全等功能,但是仍未支持attribute里的style的補全,對此功能有需求的同學可以去安裝HTML CSS Support插件

試用vscode1.7的時候發現了個比較低級的bug,不知是個例還是微軟沒測試好就發了——如果CSS代碼報了錯,再把這部分代碼刪掉,報錯不會消失……已經提了個Issue

[css]Error messages will not disappear after the css code in & tag is deleted · Issue #14972 · Microsoft/vscode · GitHub

還有關於裝了HTML snippets這個插件後在html&里輸入col提示會優先推薦&等snippet而不是color,也去插件作者那提了個Issue。結論是vscode團隊的鍋,遲點看看他們有沒有發現提示演算法有問題,不然還得提個Issue

JS in HTML也已經支持代碼格式化,注釋和自動縮進也已經正常,只差JS的Intellisense了


試試這個添加到設置中

"editor.parameterHints": true,
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
}


昨天更新了之後也遇到了...css直接寫在當前html下沒有提示,javascript倒是在當前頁面下把語言切換成javascript還是可以提示的..不知道巨硬這次搞了些啥..雖然1.3的便簽比以前好了一些.不過目前還是先換回了1.0版本並關掉了自動更新...

1.0下css提示正常.javascript的話,在當前html下把語言切成javascript就能提示..


cpu爆炸,這個插件


11月4日的1.7.1,依然不支持在內聯樣式(style="xxxx")的自動提示,和頁內js的自動提示....僅僅增加了&xxx&的支持


樓上各位的回復對我幫助很大,贊!


不行就webstorm吧。。。


推薦閱讀:

Visual Studio Code怎麼在同一窗口打開多個項目文件?
Visual Studio Code 怎麼編譯C#? 執行 dotnet restore 總是報錯?
求vs code 主題推薦?
VSCode 抵達 1.0, 如何評價距最初發布近一年的 VSCode 正式版?
Atom、Sublime Text、VSCode 三者比較,各有哪些優勢和弱勢?

TAG:VisualStudioCode |