微信小程序_03

使用小程序编译器js提示不友好，css样式同样提示不友好，所以记录一下使用webStorm编写wxss和less自动生成wxss代码。
1.使用npm全局安装less,命令是npm install scss -g.
2.打开webStorm导入小程序工程，设置webStorm自动less转换wxss文件。
2.1操作是webStorm-》Preferences->Tools->File Watchers

设置

2.2添加watcher

watcher

2.3右下角-》apply-》OK。
3.新建less文件

新建

4.coding

.log-list {
  display: flex;
  flex-direction: column;
  padding: 40rpx;
}
.log-item {
  margin: 15rpx;
}

添加如上代码->保存.
然后打开logs.wxss文件,发现刚才写的样式在logs.wxss中都有了。
至此，使用less编写样式实现了。
5.预览小程序
我是直接打开小程序编译器和webStorm，在webStorm中编写，自动保存后，小程序自己主动刷新。