微信小程序开发|工具|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);