Bootstrap前端框架学习（一）：Bootstrap在Vue项目中的安装及可视化布局

node.js的安装

我们需要安装node.js，使用node.js的npm包管理器来完成Bootstrap的安装。

前往Node.js中文网下载并安装node.js，安装程序会自动把node添加到环境变量，在安装完成后重启即可生效。

重启后在终端中输入以下命令查看node.js是否安装成功：

node -v

然后输入以下命令查看npm是否安装成功：

npm -v

若能查看版本号即安装成功。

bootstrap的安装

我选择bootstrap的最新版本bootstrap4进行安装，前往bootstrap4的官方网站（或bootstrap4中文站），参考官方教程进行下载安装。

（注意，bootstrap中的js插件依赖于jquery，因此安装了bootstrap后，还要安装jquery并在bootstrap之前引用。并且bootstrap4中增加了对popper.js的依赖，因此，也要安装popper.js并在bootstrap之前引用。）

在官方教程中给出了HTML模板，如下：</