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

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

1. 在VSCode编辑器中安装EasySasswxml-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文件高亮及格式化-创新互联
网页地址:http://kswjz.com/article/hipes.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流