1.Prettier
自动格式化代码
2.vscode-icon
左侧资源树目录加上图标
3.filesize
在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间
4.Live Server
此插件方便你在手机上调试页面,前提是手机和电脑在同一局域网里或者手机连接电脑的WiFi
使用时需将上方红框的IP地址改成主机的IPv4地址,再发送给手机,这样手机上也能查看同一个页面了。不仅如此,当你在VSCode中修改保存代码时,手机上的页面也会同步刷新方便我们查看调试。
5.One Dark Pro
个人比较喜欢的主题样式
6.Atuo Rename Tag
修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改
7.Auto Rename Tag
修改标签的一侧时,自动完成另一侧标签的同步修改
8.Vue 3 Snippets
vue相关代码提示,并自动补全
9.Vetur
用于识别 .vue文件,实现文件内代码高亮