了解目前网站建设情况,儿童创意产品设计,wordpress 发布文章插件,pc端网站开发HBuilder X里新建项目指路 HBuilderX新建项目 安装node.js指路 安装node.js 1.通过npm安装
查看npm环境
//打开终端输入命令查看版本
npm -version
1.1.右键打开外部终端窗口 1.2.输入npm init -y命令 1.3.通过命令安装
npm i vant/weapp1.3.3 -S --production 1.4.打开工具…HBuilder X里新建项目指路 HBuilderX新建项目 安装node.js指路 安装node.js 1.通过npm安装
查看npm环境
//打开终端输入命令查看版本
npm -version
1.1.右键打开外部终端窗口 1.2.输入npm init -y命令 1.3.通过命令安装
npm i vant/weapp1.3.3 -S --production 1.4.打开工具——构建npm 1.5.构建完成 构建完成之后会出现一个文件夹“minprogram_npm” 1.6.修改project.config.json
miniprogramRoot 默认为 miniprogrampackage.json 在其外部npm 构建无法正常工作。 需要手动在 project.config.json 内添加如下配置
packNpmManually: true,packNpmRelationList: [{packageJsonPath: ./package.json,miniprogramNpmDistDir: ./miniprogram/}] 2. 测试一下
2.1.引入组件
usingComponents:{van-button: vant/weapp/button/index
} 2.2.使用button
van-button typeprimary确定/van-button 2.3运行效果
