Rumah > alat pembangunan > VSCode > vscode怎么引入bootstrap

vscode怎么引入bootstrap

王林
Lepaskan: 2020-04-15 14:36:03
asal
6545 orang telah melayarinya

vscode怎么引入bootstrap

1、创建好项目,初始化项目

2、检查npm,vue,node

3、cd到当前目录,执行如下命令:

npm install bootstrap --save --save-exact
// --save是做为依赖库存到package.json中,后面的命令会精确版本号(就是版本前面没有尖括号),在项目开发中还是很需要的,这步比较重要
Salin selepas log masuk

4、main.js中进行引入

import ‘bootstrap/dist/css/bootstrap.min.css’
Salin selepas log masuk

5、在app.vue中进行布局,然后写大致样式,对其按钮进行测试,查看是否引入成功。

推荐教程:vscode教程

Atas ialah kandungan terperinci vscode怎么引入bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan