vs code前端插件汇总及使用

一、装机插件：
1、Chinese 汉化插件
------ 更改菜单栏为中文；
2、Auto Rename Tag 重命名标签
3、One Dark Pro 颜色主题
4、Live Server 实时预览 (使用前提：使用vs打开项目目录) ----- 鼠标右键，选择 open with live server 预览项目
5、Easy LESS 编辑less文件
6、vscode - icons : 设置文件图标
7、会了吗 ： 翻译单词
8、格式化代码：右下角管理 — 设置 — 文本编辑器 — 格式化 — 选中format…
9、px to rem — 将 px 转化为 rem

二、快捷键
1、shift + alt + ↓ ：快速复制
2、ctrl + d :查找相同单词
3、ctrl + alt：添加多个光标
4、ctrl + h：查找全部替换
5、ctrl + g：跳转某一行
6、按住shift + alt ,拖动鼠标： 选择区块
7、ctrl + +/- 放大缩小
8、自定义快捷键：右下角管理 — 键盘快捷键方式 — 搜索编辑

web像素软件： 蓝湖（线上软件），像素大厨（本地）
脑图工具： xmind

三、使用
将 Less 文件生成 css 或者 wxss 的方法：
更改 ： 配置settings.json文件 （文件 - 首选项 - 设置 - 搜索设置settings.json）