内容简介:VS Code 預設並沒有支援 CSS Class 的 Intellisense,這使得 HTML 在套用 CSS Class 時很不方便,需要另外安裝VS Code 1.33.1HTML CSS Support 0.2.0
VS Code 預設並沒有支援 CSS Class 的 Intellisense,這使得 HTML 在套用 CSS Class 時很不方便,需要另外安裝 HTML CSS Support Extension。
Version
VS Code 1.33.1
HTML CSS Support 0.2.0
Bootstrap 4.3.1
HTML CSS Support
另外安裝 HTML CSS Support 。
CSS Intellisense
CSS 就使用上,大概有 3 種情境:
*.min.css *.css *.min.css
對於前兩種狀況,HTML CSS Support 都可以直接抓到 CSS class 沒問題。
但對於第 3 種方式,就必須額外的設定。
Remote CSS
在 command palette 下,輸入 json ,選擇 Preferences: Open Settings (JSON) 。
settings.json
"css.remoteStyleSheets": [ "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" ]
新增 css.remoteStyleSheets ,在 array 內加入 Bootstrap 的 CDN。
只是以 Bootstrap 為例,其他如 Font Awesome …等的 CDN 也適用
Bootstrap 的 CSS class 出現了。
Conclusion
- 加上 HTML CSS Support 之後,就可以在 VS Code 很開心地使用 CSS class 了
Reference
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- 支援一波 《面试数十人有感》
- gofight 支援檔案上傳測試
- iOS App 如何支援 RTL 語言
- RDS 支援 Storage Auto Scaling
- 開源專案 Gitea 支援 OAuth Provider
- 如何用NLP与知识图谱支援MarTech建设?
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
ARM嵌入式系统开发
斯洛斯 / 北京航大 / 2005-5 / 75.00元
《ARM嵌入式系统开发:软件设计与优化》从软件设计的角度,全面、系统地介绍了ARM处理器的基本体系结构和软件设计与优化方法。内容包括:ARM处理器基础;ARM/Thumb指令集;C语言与汇编语言程序的设计与优化;基本运算、操作的优化;基于ARM的DSP;异常与中断处理;固件与嵌入式OS;cache与存储器管理;ARMv6体系结构的特点等。全书内容完整,针对各种不同的ARM内核系统结构都有详尽论述,......一起来看看 《ARM嵌入式系统开发》 这本书的介绍吧!