项目介绍

小程序采用技术栈为:原生小程序语法+vantUI+iconfont+dayjs+echarts+less 等
vantUI github：https://github.com/youzan/vant-weapp
vant 官网：https://vant-contrib.gitee.io/vant-weapp/#/tab

启动运行

npm install 或 cnpm i （需要修改 node_modules 文件，具体操作在下面）
找到 node_modules/postcss-pxtransform/index.js

   // 修改前// const deviceRatio = {// 640: 2.34 / 2,// 750: 1,// 828: 1.81 / 2// }// 修改后const deviceRatio = {'640': 2.34,'750': 2,'828': 1.81}

微信开发者工具-本地设置勾选使用 npm 模块
微信开发者工具-工具-构建 npm，启动编译运行成功
执行 npm run build

配置 setting.json 如下:

改用扩展插件(不需要生成 wxss，可直接使用 less)：

"useCompilerPlugins": ["typescript","less"
],

编辑器环境

Easy less已废弃，改用小程序扩展插件less
下载并使用 VScode，安装插件 Easy less(保存 less 自动生成 wxss)

// sourceMap：配置是否输出 map 文件
// compress：配置是否是压缩输出
// out：至指定输出的路径（相对本文件的路径）
// outExt：输出的文件的后缀名
"less.compile": {"compress": false, // true => remove surplus whitespace// "compress": true, // true => remove surplus whitespace"sourceMap": false, // true => generate source maps (.css.map files)// "out":"${workspaceRoot}\\css\\", // false => DON'T output .css files (overridable per-file, see below)"outExt": ".wxss" // 输出文件的后缀,默认为.css
},

小程序vantUI使用介绍相关推荐

微信小程序-04-详解介绍.json 配置文件
致我自己:小程序开发不是简单一两天的事,一两天只能算是了解,有时候看多了会烦,感觉很熟悉了,其实只是对表面进行了解,对编程却知之甚少,小程序开发不是简单的改模板,一两天很多部分改模板可能都做不到,坚持 ...
每日优鲜小程序基础组件介绍
每日优鲜小程序基础组件介绍 1.基础组件介绍 2.基础组件的结构与作用 3.基础组件的接入方法初次引入初始化更新与维护基础组件接入 1.基础组件介绍小程序基础组件基于每日优鲜主商城小程序业务 ...
生鲜配送小程序源码_生鲜配送小程序系统功能开发介绍（附带源码）
生鲜配送系统开发找吴经理189微4800电*2702,生鲜配送软件开发,生鲜配送APP开发,生鲜配送模式开发,生鲜配送平台开发,生鲜配送小程序开发,生鲜配送源码开发,生鲜配送管理系统开发,生鲜配送管理 ...
微信小程序的简单介绍
微信小程序的简单介绍 1.与HTML的区别 HTML 微信小程序 <div></div> <view></view> <h1></h1 ...
同城预约上门小程序开发功能介绍——互联网＋上门服务
互联网+的繁荣让越来越多的行业都享受到了福利,其中就包括上门服务. 随着人们生活水平的提高和生活节奏的加快,大家越来越追求生活品质和精神满足,上门服务就是其中之一,又随着各类轻应用和小程序的出现,上门 ...
美容行业小程序开发功能介绍
美容行业小程序开发功能介绍 1.服务介绍高端美容会所或者一些美容店可以在小程序的首页做个轮播图,让用户打开美容小程序第一眼就能看到干净舒适会所环境,可吸引用户继续浏览其他页面. 2.分类管理在美容 ...
小程序开发框架详细介绍
小程序开发框架详细介绍小程序开发框架的目标是通过尽可能简单.高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务. 整个小程序框架系统分为两部分:逻辑层(App Service)和视图层 ...
微信小程序登录流程+介绍wx.login和auth.code2Session
微信小程序登录流程+介绍wx.login和auth.code2Session 几个核心API和核心字段 wx.login() 调用接口获取登录凭证(code) code2Session 登录凭证校验, ...
微信小程序插件功能介绍
一.小程序插件功能介绍: 1.简介插件,是可被添加到小程序内直接使用的功能组件.开发者可以像开发小程序一样开发一个插件,供其他小程序使用.同时,小程序开发者可直接在小程序内使用插件,无需重复开发,为 ...

小程序vantUI使用介绍

项目介绍

启动运行

配置 setting.json 如下:

编辑器环境

小程序vantUI使用介绍相关推荐

最新文章

热门文章