Jack Huang's Blog


  • 首页

  • 标签

  • 归档

  • 搜索

Vue.js集成Bootstrap4

发表于 2018-05-09 | 更新于 2019-08-22

记录在Vue.js中集成Bootstrap4的方法,防止忘了!

环境配置

  • vue-cli: 2.x

集成过程

  1. 创建Vue.js工程
    1
    2
    npm install -g vue-cli
    vue init webpack project_name
  2. 安裝 Sass-loader / node-sass
    1
    npm install sass-loader node-sass --save-save
  3. 安裝BootStrap / jQuery / Popper
    1
    npm install bootstrap jquery popper.js --save
  4. 配置build/webpack.base.conf.js
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    module.exports = {
    ...
    // 新增plugins
    plugins: [
    new webpack.ProvidePlugin({
    '$': "jquery",
    'jQuery': "jquery",
    'Popper': 'popper.js'
    })
    ],
    ...
    }
  5. 在src/main.js中载入Bootstrap
    1
    2
    import 'bootstrap'
    import 'bootstrap/dist/css/bootstrap.css'
  6. 使用Bootstrap和sass编写Vue.js组件

参考链接

  1. Bootstrap Webpack,by bootstrap homepage.
  2. Setup Bootstrap 4 With Vue Cli 3 Webpack,by lua software code.
  3. Adding Bootstrap to a Vue CLI Project,by Travis Horn.

Linux MySQL 终端操作

发表于 2018-05-08 | 更新于 2022-06-24
  1. 进入mysql数据库

    1
    #mysql -uroot -proot
  2. 创建mysql user

    1
    2
    MariaDB [(none)]> create user 'stock'@'localhost' identified by 'stock';
    Query OK, 0 rows affected (0.00 sec)
  3. 查询mysql用户

    1
    2
    3
    4
    5
    6
    7
    8
    MariaDB [(none)]> SELECT User,Host FROM mysql.user;
    +-------+-----------+
    | User | Host |
    +-------+-----------+
    | root | localhost |
    | stock | localhost |
    +-------+-----------+
    2 rows in set (0.00 sec)
  4. 授予mysql用户权限

    1
    2
    MariaDB [(none)]> GRANT ALL ON stock.* TO 'stock'@'localhost';
    Query OK, 0 rows affected (0.00 sec)
  5. 使用show语句查找数据库

    1
    2
    3
    4
    5
    6
    7
    8
    9
    MariaDB [(none)]> show databases;
    +--------------------+
    | Database |
    +--------------------+
    | information_schema |
    | mysql |
    | performance_schema |
    +--------------------+
    3 rows in set (0.00 sec)
  6. 创建数据库stock

    1
    2
    MariaDB [(none)]> create database stock;
    Query OK, 1 row affected (0.00 sec)
  7. 选择创建的数据库

    1
    2
    MariaDB [(none)]> use stock;
    Database changed
  8. 使用show语句查找数据库中的表

    1
    MariaDB [stock]> show tables;
  9. 删除创建的数据库

    1
    2
    MariaDB [(none)]> drop database stock;
    Query OK, 0 rows affected (0.00 sec)
  10. 删除表

    1
    2
    mysql> drop table sequelizemeta;
    Query OK, 0 rows affected (0.01 sec)
  11. 查询表结构

    1
    mysql> desc t_records;
  12. 清除表记录

    1
    mysql> delete from t_records;
  13. 修改数据库账号密码

1
mysqladmin -uroot -p123456 password 123

参考链接

  1. 什么是 MySQL 索引?,by 小灰.
  2. mysql修改用户密码的方法及命令,by 剩余价值.

侠客行

发表于 2018-05-08 | 更新于 2018-05-10
作者:李白 赵客缦胡缨,吴钩霜雪明。 银鞍照白马,飒沓如流星。 十步杀一人,千里不留行。 事了拂衣去,深藏身与名。 闲过信陵饮,脱剑膝前横。 将炙啖朱亥,持觞劝侯嬴。 三杯吐然诺,五岳倒为轻。 眼花耳热后,意气素霓生。 救赵挥金锤,邯郸先震惊。 千秋二壮士,烜赫大梁城。 纵死侠骨香,不惭世上英。 谁能书阁下,白首太玄经。

立功立德立言

发表于 2018-05-08 | 更新于 2018-12-05

来源:《左传》
二十四年春,穆叔如晋。范宣子逆之,问焉,曰:“古人有言曰:‘死而不朽’,何谓也?”穆叔未对。宣子曰:“昔匄之祖,自虞以上为陶唐氏,在夏为御龙氏,在商为豕韦氏,在周为唐杜氏,晋主夏盟为范氏,其是之谓乎?”穆叔曰:“以豹所闻,此之谓世禄,非不朽也。鲁有先大夫曰臧文仲,既没,其言立,其是之谓乎!豹闻之,‘太上有立德,其次有立功,其次有立言’,虽久不废,此之谓不朽。若夫保姓受氏,以守宗祊,世不绝祀,无国无之,禄之大者,不可谓不朽。

上一页1…5253

Jack Huang

524 日志
68 标签
© 2025 Jack Huang
由 Hexo 强力驱动
|
主题 — NexT.Muse