微信小程序开发|工具|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);
桥智科技：科技赋能梦想！专注广州、深圳和惠州小程序定制开发、APP 应用定制开发、网站开发、区块链钱包开发！
