使用小程序編譯器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
文件,發(fā)現(xiàn)剛才寫的樣式在logs.wxss
中都有了。
至此噪珊,使用less編寫樣式實現(xiàn)了晌缘。
5.預覽小程序
我是直接打開小程序編譯器和webStorm,在webStorm中編寫痢站,自動保存后磷箕,小程序自己主動刷新。