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、结尾
学习的最好的资料，是官方的文档。