让微信小程序开发工具和VSCode一样好用
自从VSCode在前端大流行后，大家巴不得所有的代码都在VSCode中写。 这里面有一个独特的分支，就是微信小程序。
B站里面的关于小程序的视频，大部分做微信小程序的，都不用官方工具开发，好像官方的编辑器就是拿来预览的。
用过VSCode的都知道，各种功能都能拓展，效率起来了是真的快，还有各种类似“彩虹屁”的插件，可玩性直接起飞。
在VSCode中安装插件开发小程序，主界面编辑代码，各种快捷键指令，格式化代码插件装好，把官方开发工具中的模拟器和调试器独立出来，放到另一个显示器上。
但是有几个场景让我感觉不太舒服：
- 在开发某些不熟悉的功能时，按照官方文档的写法，vscode并不能做出有效提示，只能在自我怀疑中编写功能。
- 因为我也用vscode也装了vue的代码提示插件，所以在写js文件时，会出现大量的干扰提示。
- 无法使用官方的快捷生成文件功能（一次生成wxss,wxml,js,json）。虽然有三方插件解决，但是需要更多的操作步骤。
但是我在运行小程序官方开发工具时，顺手按了command + P它就弹出了这个界面。
然后我经过搜索相关主题，发现其实这就是个网页版本的VSCode，那话不多说，折腾起来！
插件安装方法
虽然官方工具不能在线安装插件，但是可以通过离线安装，方法如下：
- 文档管理模块 - 拓展 - ... - 从已解包的拓展文件夹安装
注意，“导入已安装的vscode拓展”会自动导入所有的vscode拓展，如果你插件多，会变得很卡，而且有些插件会报错，无法安装。
- 会自动打开vscode的拓展插件，按需导入
插件介绍
Easy-less
在微信小程序里面直接写less自动生成wxss文件，需要在配置项中添加以下配置。
{
"less.compile": {
"outExt": ".acss"
}
}
Prettier
微信小程序工具默认使用Beautify格式化代码，但个人更喜欢 Prettier，主要打开保存时默认格式化代码功能，emmmmmm，舒服。
px to rem & rpx
自动转换px为微信小程序的rpx，不用再对着设计稿*2算数了。
WXML
这个有大量的代码片段，比官方代码提示更加丰富，推荐安装。其实类似的很多，选它主要是看中了作者一直在更新。
snippets移植
除了安装插件，还有自己的各种snippets需要转移，方法如下：
- 在vscode中使用
command + P快捷键打开命令输入界面，输入>snippets
- 找到自己的代码片段
- 复制整个文件
- 在小工具里面同样，通过
command + P打开这个snippets配置项，找到对应的文件，然后粘贴它。搞定！
祝大家玩的愉快。
