vscode中bootstrap插件的使用

vscode中bootstrap插件的使用

0、前言

    小白刚开始学习前端东西，对于编辑器的选择，可能很有影响，毕竟用惯了一个编辑器，以后可能一直要用。在比较了hbuilder、webstrom、sublime和eclipse等编辑器后，发现了微软的vscode 不论是在内存占用和插件支持上，都非常方便，尤其是git功能。但是小白刚学习前端的bootstrap，对于很多类不熟悉。于是百度vscode中bootstrap的插件提示，发现了比较强大的提示功能。

1、插件安装

    打开vscode，选择扩展功能（ctrl+shit+x），搜索bootstrap 3 snippets 和bootstrap 4 snippets，安装后，重新加载。

2、bootstrap的提示功能

    在html文件中，输入bs3-* 可以弹出提示，而且是以组件的形式弹出。比如我想要轮播图，输入bs3-carousel，弹出轮播组件：

    在浏览器中的效果图如下：

    还有更多的组件，具体可以参考插件的官方说明。例如，在空白html页面 直接输入b4-$ 使用bootstrap模版

3、结尾

    学习的最好的资料，是官方的文档。