vscode插件总结

184 阅读1分钟

1.Live Server

快速开启本地服务,安装插件后点击鼠标右键快速启动本地服务

飞书20220812-175120.jpg

飞书20220812-175150.jpg

2.open in browser

快速打开浏览器

飞书20220812-190443.jpg

3.CSS Peek

快速查看css引用,html中引用外部样式(即单独css文件) 有用,对vue内部样式没有用

20220815-143043.gif 扩展:对于有路径别名的跳转配置jsconfig.json

20220815-145805111111.gif

{
	"compilerOptions": {
			"baseUrl": ".",
			"paths": {
					"@/*": [
							"./src/*"
					]
			},
	},
	"include": [
			"src/**/*"
	],
	"exclude": [
			"node_modules"
	]
}

4.Image preview

预览图片

1111.gif

5.vue-helper

快捷跳转methods和data

6.Highlight Matching Tag

高亮标签的开始和结束

飞书20220815-164132.jpg

7. GitLens

查看每行的提交人

图片.png