vs code中,寫在<script></script>里的js代碼沒提示么?

vs code中 寫在&&里的js代碼沒提示么


12月15日更新

經過若干個月若干個版本的等待

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

感謝一直以來關注這個問題的朋友。

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

原回答

這個問題已被vscode團隊提上開發日程,預計8月的更新中會修復,大家期待一下吧~

(第三條寫著:修復(html)內嵌對CSS和JS的支持)

鏈接看這裡

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

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

更新

貌似進度出現了點問題,修復完成時間被延遲到了8月(也就是說可能到9月的更新才會修復js的支持問題),Erich Gamma博士解釋了一下推遲的原因

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

9月9日更新

是的,又雙叒跳票了

跳票原因是提取HTML為插件未完成

進度在回答開始的鏈接中可以看到

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

9月20日更新

今天又看了一下,這個issue貌似已經完成

估計十月份的更新能看到vscode團隊的成果了,九月開發計劃詳情可以看這裡September Iteration Plan · Issue #11917 · Microsoft/vscode · GitHub

10月2日

感覺答主我的臉快被微軟打腫了……

Extract the html support into an extension · Issue #8938 · Microsoft/vscode · GitHub 中提到的「恢復對js與css的支持「似乎並不包括JS代碼的Intellisense(智能補全),而CSS的Intellisense也只是被納入了下一階段的計劃而已。所以這個issue貌似僅是「為後續恢復JS與CSS在HTML中的支持提供基礎」而已。

我為我的斷章取義給大家帶來的期待感到十分抱歉。更多後續詳情要在1.6出來之後的doc中我才能了解得到。我也會一直更新直到這個bug恢復為止的。

10月21日更新

遲到的更新,其實在1.6的發行說明裡面也提到了,詳情可以看這裡Visual Studio Code September 2016 1.6

在1.6中對HTML進行了提取,但是也因此在html文件內對其他語言的支持上出現了一些問題,包括:在&中的注釋異常 Issue 12969,以及代碼高亮異常 Issue 12973(話說貌似連&里的emmet也沒了,我對這個版本怨念很大……)

然後微軟提到在下一個版本(又來)將修復這些支持問題,並將在十月份嘗試實現HTML內嵌的CSS與JS的支持(並沒有明確保證1.7會實現。但由於之前提取了CSS,所以理論上實現的CSS內嵌支持會比JS簡單)

10月25日更新

Martin Aeschlimann(相關負責人,對,請記住這個人)評論說CSS in HTML已經實現了

JS in HTML仍在計劃中(最新進展見intellisense doesn"t work.no auto completion with inline javascript code in the .html file · Issue #3465 · Microsoft/vscode · GitHub)

另,注釋與智能縮進功能的進展見Support embedded modes for TextMate grammars · Issue #11081 · Microsoft/vscode · GitHub(更新:已實現)

嗯,又回到最初的起點

11月4日更新

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

(發現了個比較低級的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)

11月22日更新

JS in HTML最新進展見 Improve support for Javascript in HTML · Issue #15377 · Microsoft/vscode


被1.6氣哭了,html里的css、 js里的注釋被改成了&


你們用Vscode 寫 Vue 的時候,真的沒遇到這個問題?:

當我想注釋某個地方的時候,行或塊都算。

我興奮地按下了 alt+/

啪!

這注釋簡直讓人感動!!!有木有 vscode 插件超市中所有關於VUE的插件都用了,到是找到一個一勞永逸的方法:

1.安裝 Vue 2 Snippets 插件

2.在settings.json中加入這個:

"files.associations": {
"*.vue": "html"
}

對,你沒有看錯,不是vue,是html

3.然後,再去編輯窗口,看看效果:

既有vue的提示,又能像普通html那樣正確注釋!


關注了好久了,還不修復,不過想想我們自己做項目的時候也會拖,也就能理解了,讓我哭一會!


是啊,只有在javascript類型的文件里才有提示。很不方便

終於1.8版本支持了


同問,這個確實比較麻煩


html的js塊注釋木有了


我也關注這個好久... 還是沒有修復


同遇到,微軟進度好慢


看到不是只要我一個人遇到這個問題我就放心了。


我也遇見這問題了,特別是寫.vue組件的時候,沒有js提示


以前可以提示的,後來在某個版本中去掉了html裡面的script標籤里js代碼的提示。


如果你新建一個文件,並以.js結尾來命名這個文件,在它裡面只寫JavaScript代碼,這個時候它就會代碼補全了。


推薦閱讀:

請問如何學習nodejs並且達到能開發類似fis,spm的水平 有好的教程嗎?
對於前端,有哪些好的chrome插件或應用可以使用?
HTML & CSS 現在還多人用嗎?
react.js在伺服器端渲染有什麼好處?渲染是怎麼個流程?
A && B || C 的效率比 A ? B : C 更高嗎?

TAG:前端開發 | HTML | JavaScript | MicrosoftVisualStudio | VisualStudioCode |