前言 ChatGPT把AI带火了，我就在想，能用它做点什么呢，总不能只让它给我们带来焦虑，也要让我们从科技浪潮中分得一点红利吧。一番查找下来，有个功能对我们程序员来说比较实用，就是AI的代码提示补全功

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第11天，点击查看活动详情 前言 开开心心学技术大法~~ 来了来了，他真的来了~ 正文 起因 项目原因，因为更改了移动端适配的方案，

想必每个熟练的前端弄潮者，在熟练业务之后，常常都会将组件进行抽离公共组件，可以大大的提高开发效率。但是作为组内不同的人员，风格又不一致，所以能不能即规范代码的风格，又能快速的创建模板呢。

闲来无事，将之前写的一个vscode插件翻出来写个教程。此插件之前没有上传到vscode的插件库上，这才顺带整理一下发布流程。 很简单就是，快速的在编辑器里面插入css代码，不需要自己手工去ps量尺寸，或者看图片的尺寸啥的了。估计有大佬说着有啥用了，对于小小的只写scss的小菜…

一、vscode插件是什么，可以做什么 VSCode 全称 Visual Studio Code，是微软出的一款轻量级代码编辑器，免费、开源而且功能强大。它支持几乎所有主流的程序语言的语法高亮、智能代