微信小程序构建npm,导入weui

首先安装nodejs

三个方式

1 brew install node

2 yum install -y nodejs

3 官网下载 http://nodejs.cn/download/

查看是否安装成功

npm -v
cnpm -v

安装cnpm

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

小程序导入weui

1 cd 项目根目录

2 执行 npm init 创建package.json (不想一个一个配置也可以执行npm init -y)

3 npm安装WeUi，执行cnpm install --save weui-miniprogram

4 然后点击工具选择构建npm

构建

5 然后会提示完成构建，目录会多了一个文件夹，这个文件夹放的就是我们要用的组件和css样式

项目.png

6 在全局css文件app.wxss导入WeUI的样式，这样全部page可以用到了

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

7. 使用哪个模块组件

   
   举例.png

weui地址
)