首頁 > 開發工具 > VSCode > vscode怎麼引進bootstrap

vscode怎麼引進bootstrap

王林
發布: 2020-04-15 14:36:03
原創
6551 人瀏覽過

vscode怎麼引進bootstrap

1、建立好項目,初始化項目

2、檢查npm,vue,node

3、cd到目前目錄,執行如下指令:

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

4、main.js中進行引入

import ‘bootstrap/dist/css/bootstrap.min.css’
登入後複製

5、在app.vue中進行佈局,然後寫大致樣式,對其按鈕進行測試,查看是否引入成功。

推薦教學:vscode教學

#

以上是vscode怎麼引進bootstrap的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板