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

vscode怎麼引進bootstrap

王林
王林原創
2020-04-15 14:36:036546瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn