微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持,使得小程序支持使用 npm 安装第三方包. 之前在微信开发者工具选择“构建npm”会报错“没找到node_modules”目录”,这是因为“打开的方式不正确”. 我们以安装有赞的 vant库做例子 1. 初始化 现新建一个小程序, 在小程序根目录中(miniprogram)执行: npm init 输入一些基本的信息,可以一直回车,按默认就可以,然后会生成一个package.json文件 2. 安装第三方库 有赞文档地址:https…

使用示例: 1. 开启“使用npm模块” 2. 新建 node_modules 文件夹 3. cd到新建 node_modules 所在的目录(非node_modules文件夹内) npm install miniprogram-datepicker --production 4. 开启npm构建 构建完成后,会在node_modules文件夹所在目录生成 5. 这时我们在index.json里面导入组件即可使用了 6. 使用实例 点击下载示例:小程序-使用npm包…

安装vant 小程序UI库 进到小程序目录,在地址栏中cmd 进入DOS界面  npm init -f  安装vant 小程序UI库 npm i vant-weapp -S --production  进入到小程序 单击右侧 "详情按钮"   最后构建npm  单击菜单栏的 “工具” 按钮   ---->  “构建npm”   最后工具vant 官网的引入方式引入即可…

微信小程序开发环境安装以及相关设置配置 一.安装 软件名称:wechat_devtools_1.02.1907232_x64 软件安装地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 使用官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ 二.小程序项目创建以及设置 点创建项目时候其中appid是唯一的需要去自己小程序账…

iKcamp官网:http://www.ikcamp.com 访问官网更快阅读全部免费分享课程:<iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初中级培训教程分享>. 包含:文章.视频.源代码 第一章:小程序初级入门教程 工具安装 在上一节第 8 步所展示的页面中,可以点击 开发者工具 直接进入到下载页面,也可以直接访问 官网下载地址.然后根据自己的设备选择相应的下载 安装过程不再复述,一路默认. 下载开发工具 § 小程序工具起手 此教程选择的工具为 mac 平台版本,没…

每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code 微信小程序不能识别很多文件, 其中就包括外部的字体文件. 那我们怎么突破他的防火线呢, 这里主要用得就是在线的字体库. 它的使用不像之前引用阿里巴巴字体库那样简单. 步骤如下: 1.在 阿里巴巴字体库 选购喜欢的字体并下载压缩文件, 详细方法这里不赘述, 不懂的请看 阿里巴巴字体库使用方法 2.Copy iconfont.css文件的内容, 可以选择放在全局的 app.wxss 或者…

1.安装第三方库时找不到"cl.exe"的解决方法 安装 本地 remix时 出现错误(npm install remix-ide -g) 原因:remix 依赖的 python库,而 有些python 库需要编译 c++ 代码 下载 VisualStudio ,地址:http://msdn.itellyou.cn/ 安装 Visual Studio 时 默认安装 VC++(默认的都装上吧,稍微检查下是否勾选VC++) VC++ 安装成功检测,通过控制台调用 cl 继续执行安装第三方库…

小程序现在支持直接通过npm安装包了,点击这里了解更多. 记录一下我自己的安装步骤及安装过程中遇到的一些问题.希望能够帮助到正在阅读此篇文章的你~ 我就直接通过在项目根目录安装miniprogram-datepicker做演示了. 1.在项目根目录下面新建文件夹:node_modules. 2.终端进入到node_modules文件夹所在的目录 (注意不是node_modules文件夹里面),在此例中就是根目录了. 执行: cnpm i miniprogram-datepicker -S --p…

首先想要使用图标,只用上图的五个iconfont相关文件就可以了.(下下来的文件iconfont.wxss开始是.css的后缀,手动改成.wxss就可以在小程序中使用) 然后在app.wxss中引入iconfont.wxss,然后其他地方就可以使用了…

1.下载工具链接:http://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201715 2.安装完成后图片样式如图: 3.新建项目  说明:选择目录的时候尽量新建微信独立的工作空间[个人习惯] 4.打开项目效果图如下…