内容简介：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建设？
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
HTML & CSS设计与构建网站
[美] Jon Duckett / 刘涛、陈学敏 / 清华大学出版社 / 2013-1 / 59.80元
欢迎您选择一种更高效的学习HTML和CSS的方式。不管您设计和建立新网站，还是想更好地控制现有网站，都可以在《HTML & CSS 设计与构建网站》一书的指导下创建出用户友好、令用户赏心悦目的Web内容。我们知道，编码是一项令人望而生畏的工作，而本书却采用有别于许多传统编程书籍的新颖编排方式，将使您收到事半功倍的学习效果。 每一页都在短小精悍的示例代码的引导下，简明直观、直截了当地阐述一个新......一起来看看 《HTML & CSS设计与构建网站》 这本书的介绍吧!
JS 压缩/解压工具
在线压缩/解压 JS 代码
HEX CMYK 转换工具
HEX CMYK 互转工具