làm thế nào để thêm Intellisense vào Visual Studio Mã cho bootstrap

Question

Tôi muốn có intellisense cho bootstrap cụ thể nhưng ngay cả đối với các phong cách css tôi viết trong dự án của tôi. Tôi đã có tài liệu tham khảo trong một project.json và bower.json nhưng chúng dường như không làm cho các tài liệu tham khảo có sẵn.

Answer 1

Rất tiếc, tính năng này hiện không khả dụng trong Mã VS. Tuy nhiên, nó đã được thêm vào như một yêu cầu tính năng cho các bản cập nhật sắp tới. Bạn có thể theo dõi vấn đề on Github.

Answer 2

Bạn có thể cài đặt HTML CSS Support Extension. Bằng cách thêm tệp resource.json vào thư mục .vscode hoặc project root của mình, bạn có thể định cấu hình đường dẫn cho các trang mẫu đã sử dụng của mình.

ext install vscode-html-css

resource.json:

{ 
    "css": { 
    "style": [ 
     "bower_components/bootstrap/dist/bootstrap.css" 
    ] 
    } 
} 

này sẽ thêm Intellisense trong các tập tin HTML của bạn:

Answer 3

Trong phiên bản mới nhất của VS Mã các IntelliSense trong ý kiến ​​và các chuỗi đã bị tắt theo mặc định. Dưới đây là hai tùy chọn để mang lại "24/7 IntelliSense" chức năng hoặc tùy chỉnh nó theo ý thích của riêng bạn.

Trước tiên, hãy đảm bảo bạn đã cài đặt Tiện ích hỗ trợ CSS HTML được đề cập bởi dwonisch ở trên.

Điều khiển + ',' để đi tới cài đặt hoặc nhấp vào Tệp -> Tùy chọn -> Cài đặt.

Bấm workspace tab cài đặt và nhập mã JSON sau:

{ 
    "editor.quickSuggestions": { 
     "comments": false, // <- no 24x7 IntelliSense in comments 
     "strings": true, // but in strings and the other parts of source files 
     "other": true 
    } 
} 

Các tùy chọn khác là để nhấn ctrl + không gian bên trong CSS trích dẫn để kích hoạt Intellisense. Ví dụ:

<div class="(ctrl+space)"> </div> 

Answer 4

Dưới đây là các bước chung (không chỉ cho Bootstrap) để cho phép css IntelliSense trong VS Mã số:

Bước 1: Đến https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

(Các bước cài đặt đã có sẵn)

Bước 2: Bấm nút xuất hiện trên đỉnh của trang web cài đặt (hình dưới đây)

Bước 3: Sau khi nhấp chuột, trình duyệt sẽ hiển thị một cửa sổ pop-up để truy cập VS Mã. Mở nó với Mã VS.

Bước 4: Nhấp lại nút "cài đặt" xuất hiện bên trong Mã VS.

Bước 5: Sau khi khởi động phần mềm, nhấp vào biểu tượng phía dưới bên trái hiển thị trong hình dưới đây:

Bước 6: Bấm "Ctrl + [không gian]" bên trong dấu ngoặc kép lớp , bạn sẽ nhận được tên lớp hoàn chỉnh từ các bảng định kiểu đính kèm.