1. 在VSCode
编辑器中安装EasySass
和wxml-vscode
插件
2. 导入已安装的vscode扩展
1、打开VSCode安装目录
C:\Users\用户名\*****\.vscode\extensions
2、将对应的插件文件夹复制到微信开发者工具的扩展目录下
打开微信开发者工具的扩展文件夹。编辑 => 打开编辑器扩展目录
3、修改spook.easysass-0.0.6/package.json
文件中的配置
设置编译结果文件的后缀为.wxss
也可以修改开发者工具的配置 settings.json
,打开路径:文件=>首选项=>设置
"easysass.compileAfterSave": true,
"easysass.excludeRegex": "_+\\S*",
"easysass.formats": [
{
"format": "compressed",
"extension": ".wxss"
}
]
4、重启开发者工具,在开发者工具上的展示效果
微信开发者工具 => 视图 => 扩展
5、如何使用wxml-vscode
的格式化功能
格式化 支持 通过 F1
或者 CMD + Shift + P
输入 format wxml
命令 或者右键菜单,也可以配置 wxmlConfig.onSaveFormat
开启保存后自动格式化
// 获取当前帐号信息
const accountInfo = wx.getAccountInfoSync()
let env = ""
const baseApi = {
// 开发版
develop: "******",
// 体验版
trial: "******",
// 正式版
release: "******"
}
// 当手机处于低版本的情况下,直接将地址写成开发版的
let envVersion = accountInfo.miniProgram.envVersion
if (!envVersion) {
env = baseApi.release
} else {
env = baseApi[envVersion]
}