• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序——工程构建(vscode)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请


微信小程序官方提供了比较完整的开发文档,也提供了官方的开发工具。但是本人还是习惯于用vscode,同时,可以安装vscode中的插件来辅助开发。

1. vsode插件

(1) Live Sass Compile——实时将sass打包为wxss

wxss的语法是原生的css,非常不方便,这个插件可以将sass实时打包为css,同样也也可以让后缀名为wxss。习惯于用less的,可以使用另一个插件:Easy WXLESS。

这个插件的默认方式是打包为css文件,如果能直接打包为wxss是最好不过的,所以需要修改配置文件。在工程的根目录找到或者创建文件夹.vscode下的settings.json添加如下配置:

{
"liveSassCompile.settings.formats": [
    {
      "format": "expanded",
      "extensionName": ".wxss",
      "savePath": null
    }
  ]
}  

更详细的配置介绍,请参见:https://github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings.md

在wxss文件的同级目录下新建.scss文件,点击vscode底部的[Watch Sass]后,所有的.scss会在修改后实时被打包为同名的.wxss文件,并会额外生成一个map文件。

于是,可以愉快的使用sass写小程序啦!

(2) vscode weapp api——提供小程序API提示及代码片段

安装之后键入关键词wx就会出现提示,回车会出现代码片段。
例如:

wx.getLocation({
      type: 'wgs84',
      success: function(res) {
        var latitude = res.latitude
        var longitude = res.longitude
      },
    })

2. 小程序设置——支持ES6

小程序中把ES6转ES5勾上后是可以直接使用ES6的。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
web实训第二天——骰子布局与小程序开发发布时间:2022-07-18
下一篇:
微信小程序之map地图使用发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap