WebStorm开发小程序之配置

wxss文件rpx去掉波浪线

屏幕快照 2020-02-25 11.07.12.png

解决办法:
鼠标移动到波浪线位置,mac笔记本上使用option+enter

屏幕快照 2020-02-25 11.09.06.png

选中后进入编辑里,将对勾去掉,保存。


屏幕快照 2020-02-25 11.09.58.png

wxss文件使用格式化后rpx前面出现空格

屏幕快照 2020-02-25 11.12.24.png

解决办法:
进入设置搜索file watchers,新建custom,然后按照下图配置保存

屏幕快照 2020-02-25 11.15.37.png

屏幕快照 2020-02-25 11.19.53.png
Mac:
name: 自定义即可
File type: 选择 Cascading Style Sheet
Program: 写上sed
Arguments: -i "" s/"\ rpx"/rpx/g $FilePath$
Output paths to refresh: $FilePath$

Windows 上有一些不同,主要是:
Arguments: -i s/"\ rpx"/rpx/g $FilePath$

此外Windows上需要单独下载Sed软件,参考:
https://github.com/mbuilov/sed-windows

在安装后,原填入sed的地方需要填写完整的sed.exe安装路径

使用wxml和wxss文件

进入设置增加wxml和wxss支持

屏幕快照 2020-02-25 11.25.20.png
屏幕快照 2020-02-25 11.26.31.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,814评论 0 7
  • 配置文件 app.json的配置(全局) { // 用来配置页面的路径 "pages":[ "pages/inde...
    左狐偃阅读 599评论 0 0
  • 开发前准备本文首先假定开发者已经粗略阅读过微信小程序的开发文档,所以注册小程序的流程就不介绍了。不过需要注意,小程...
    人类进化又没带我阅读 1,917评论 0 14
  • 版权声明:本文为博主原创文章,转载请注明出处【by:待孤君临天下】 前言:因项目需求,本人需要开发微信小程序(之前...
    待孤君临天下阅读 8,344评论 1 1
  • 微信小程序的特点 小程序是一种不需要下载、安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开...
    Simple_3f19阅读 887评论 0 0