微信开发者工具如何使用SCSS和配置wxml文件高亮及格式化-创新互联

1. 在VSCode编辑器中安装EasySass和wxml-vscode插件

在这里插入图片描述

创新互联从2013年创立，先为麻阳等服务建站，麻阳等地企业，进行企业商务咨询服务。为麻阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。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]
}

你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧

本文标题：微信开发者工具如何使用SCSS和配置wxml文件高亮及格式化-创新互联
URL标题：http://scyanting.com/article/hipes.html

微信开发者工具如何使用SCSS和配置wxml文件高亮及格式化-创新互联

其他资讯