zoukankan      html  css  js  c++  java
  • [Vue3.0]引入BootStrap

    • 进入项目目录
    $ cd myweb
    
    • 安装BootStrap
    # save 将BootStrap库作为package存到package-lock.json中去
    # --save-exact 精确版本号
        "bootstrap": {
          "version": "4.4.1",
          "resolved": "https://registry.npm.taobao.org/bootstrap/download/bootstrap-4.4.1.tgz",
          "integrity": "sha1-hYKWDuoMXNK+3oTYsLrzeJw+iwE="
        },
    

     $ npm install bootstrap --save --save-exact
    
    npm WARN ajv-keywords@3.4.1 requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself. npm WARN bootstrap@4.4.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself. npm WARN bootstrap@4.4.1 requires a peer of popper.js@^1.16.0 but none is installed. You must install peer dependencies yourself.
    • bootstrap@4.4.1
      added 1 package from 2 contributors in 11.531s

    26 packages are looking for funding
    run npm fund for details

    • 编辑main.js主程序,导入bootstrap
    import 'bootstrap/dist/css/bootstrap.min.css'
    
    • 编辑App.vue文件
    <template>
      <div id="app">
        <img src="./assets/logo.png">
        <hr>
        <button class="btn btn-primary">确定</button>
        <button class="btn btn-success">使用</button>
        <button class="btn btn-danger">注意</button>
        <hr>
        <router-view/>
      </div>
    </template>
    

  • 相关阅读:
    操作缓冲池
    占位图像
    GCD 常用代码
    资源共享(抢夺)
    drf版本控制 django缓存
    drf分页器
    解析器,路由控制,响应器
    drf 频率组件 META字典详情
    vue创建路由,axios前后台交互,element-ui配置使用,django contentType组件
    redis列表,字典,管道,vue安装,创建项目
  • 原文地址:https://www.cnblogs.com/leoshi/p/12491071.html
Copyright © 2011-2022 走看看