微信小程序开发|工具|npm 使用

微信小程序开发|工具|npm 使用

用过 npm 的小伙伴肯定很熟悉 node_modules,但是「微信开发工具」是不认 node_modules 的 , 它认的是 miniprogram_npm; 而 miniprogram_npm 是通过 node_modules 转出来的, 它是通过「微信开发工具」的 “工具” -> “构建 npm” 生成出来的。

具体步骤如下:

1、npm init
这里会产生 package.json 的配置文件

2、npm install ** --p --s
安装需要的包,这里会产生 node_modules

3、「微信开发工具」走一遍 “工具” -> “构建 npm”
这里会产生 miniprogram_npm

4、「微信开发工具」的本地配置中 “使用 npm 模块” 勾上

5、使用包


引入的组件可以有第三方组件和 js 工具

  • 第三方组件、以 weui-miniprogram 例子

1、 按照步骤安装库同时走一遍 “工具” -> “构建 npm”,产生\miniprogram_npm\weui-miniprogra

npm install weui-miniprogram --p --s

2、 在 app.wxss 引入全局样式

@import "./miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss";

3、在需要使用的页面中引入控件和使用,

譬如 pages/index/index.json,然后就可以在 index.wxml

{
  "usingComponents": {
    "mp-cell": "../../miniprogram_npm/weui-miniprogram/cell/cell",
    "mp-cells": "../../miniprogram_npm/weui-miniprogram/cells/cells",
    "mp-form": "../../miniprogram_npm/weui-miniprogram/form/form"
  }
}
  • js 工具、以 js-base64 例子

1、 按照步骤安装库同时走一遍 “工具” -> “构建 npm”,产生\miniprogram_npm\js-base64

npm install js-base64 --p --s

2、在 *.js 文件中用 require 或者 import 引入,然后使用

import { Base64 } from 'js-base64'
let { Base64: Base64_2 } = require('js-base64')
console.log(Base64);
console.log(Base64_2);
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值