VSCode 常用的快捷键和技巧系列（2）

一、如何让VSCode工程树显示图标

第一步：安装

快捷键 Ctrl+P ，输入 ext install vscode-icons ，然后点击安装插件

第二步：配置

安装成功后，点击Reload重新加载。

然后配置，当前图标使用VsCode-Icons

Go to File > Preferences > File Icon Theme > VSCode Icons.

如下图：

第三步：显示结果

（1）VSCode 中文显示插件 chinese

（2）Vue的智能提示插件 Vue 2 Snippets

（3）右键快速浏览网页的插件 View In Browser

（4）快速复制制定文件的相对路径插件 copy relative path

（5）vue 智能提示插件 vetur

二、Bootstrap 插件相关应用

1、智能提示

三、微信小程序智能提示插件

1、微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets)

2、微信小程序代码辅助,代码片段自动完成

3、微信小程序wepy框架,wepy框架代码片段