Bootstrap adalah kerangka kerja HTML, CSS, dan JavaScript paling populer untuk mengembangkan proyek yang responsif dan ramah seluler di web
Saat membuat Aplikasi Web di Visual Studio, Bootstrap disertakan secara default dalam proyek yang membantu pengembang membuat aplikasi web responsif kelas atas
Paket Cuplikan Bootstrap adalah ekstensi Visual Studio yang berisi cuplikan kode yang telah ditentukan sebelumnya untuk Anda panggil dengan cepat
Cara termudah untuk menambahkan cuplikan adalah dengan menggunakan pintasan keyboard untuk mengakses cuplikan kode di Visual Studio. Tombol ajaibnya adalah Ctrl+K, Ctrl+X. Anda disajikan dengan alat cuplikan seperti yang ditunjukkan di bawah ini
Cukup pilih Bootstrap dari menu dan tekan enter. Anda sekarang disajikan dengan semua cuplikan kode untuk Bootstrap. Sekali lagi, ditunjukkan di bawah ini
Salam Hormat,
Joyce
Harap ingat untuk mengklik "Tandai sebagai Jawaban" pada jawaban yang menyelesaikan masalah Anda, dan klik "Hapus tanda sebagai Jawaban" jika tidak. Ini dapat bermanfaat bagi anggota komunitas lain yang membaca utas ini. Jika Anda memiliki pujian atau keluhan terhadap Dukungan MSDN, jangan ragu untuk menghubungi MSDNSFF@microsoft. com
Artikel ini berfokus pada alat yang tersedia di Visual Studio untuk mengembangkan Aplikasi Web menggunakan Bootstrap. Persyaratan Artikel berikut didasarkan pada Visual Studio 2013
pengantar
Bootstrap adalah salah satu kerangka kerja HTML, CSS, dan JavaScript paling populer untuk mengembangkan proyek yang responsif dan ramah seluler di web. Bootstrap membuat pengembangan web front-end lebih cepat dan lebih mudah. Ini dirancang untuk orang-orang dari semua tingkat keahlian, perangkat dengan segala bentuk, dan proyek dengan berbagai ukuran. Saat membuat Aplikasi Web di Visual Studio, Bootstrap disertakan secara default dalam proyek yang membantu pengembang membuat aplikasi web responsif kelas atas. Untuk meningkatkan pengalaman pengembangan, tersedia banyak trik, alat, dan Ekstensi Visual Studio. Artikel ini menunjukkan beberapa alat yang benar-benar dapat meningkatkan produktivitas pengembang dan membuat pengembangan lebih mudah. Dukungan Bootstrap secara Default untuk Aplikasi Web di Visual Studio Dari Visual Studio, saat membuat aplikasi web baru, baik formulir web atau MVC, Bootstrap sudah diinstal dan dimuat di proyek. Berikut adalah contoh aplikasi MVC baru. Seperti yang Anda lihat di bawah, file Bootstrap CSS dan JavaScript sudah ditambahkan secara default.Ekstensi cuplikan cepat sederhana namun efektif untuk Visual Studio Code (VSCode). Ini berisi 179 cuplikan kode untuk membuat UI Bootstrap lebih cepat. Plugin ini berfungsi baik di stable & build orang dalam
Ide
Terinspirasi dari Bootstrap 4, Font awesome 4, Font Awesome 5 Gratis & plugin cuplikan Pro. Kami pikir akan keren jika kami hanya memiliki cuplikan Bootstrap 5. Maka terciptalah
Membantu
Daftar mendetail dari pemicu template yang didukung dicantumkan
Apakah Anda ingin menonton tutorial singkat di Youtube?
Jangan ragu untuk memberi tahu saya apa lagi yang ingin Anda tambahkan melalui masalah
Saran, masukan, dan komentar lainnya diterima melalui @anbuselvanrocky di Twitter
Instalasi (dalam 2 langkah mudah)
- Instal plugin 2 Tekan F1, paste ext install bootstrap5-vscode & kemudian tekan enter (atau)
- Buka ekstensi dengan menekan Ctrl-Shift-X_ (Windows/Linux) atau Cmd-Shift-X (Mac) & Cari Bootstrap 5 Quick Snippets, klik instal
- Muat ulang editor Anda
Anda baik untuk pergi
Penggunaan
Untuk menggunakan cuplikan bootstrap, buka file HTML, dan mulailah mengetik b5-, diikuti dengan menekan Ctrl+Space. Daftar cuplikan bootstrap akan muncul
Daftar rinci tindakan yang didukung tercantum di bawah di bawah bagian dokumentasi
Berikut adalah konvensi yang akan mempermudah pencarian template
Jika pemicu template dimulai dengan variasi @, cuplikan ini menargetkan atribut elemen HTML di markup Anda. Pikirkan @ sebagai ext install bootstrap5-vscode0