weapp 构建小程序

1、打开微信开发者工具

2、新建项目，选择小程序

3、构建好项目之后：

在工具右上角点击详情按钮，打开项目的配置：选择本地设置

勾选es5 和使用npm模块构建

4、在终端进入项目根目录：

执行npm init 命令对项目初始化数据进行基本的设置

5、安装weapp：

npm i @vant/weapp -S --production

6、修改挨app.json

去掉： "style": "v2"

7、修改project.config.json:

{"setting": {"packNpmManually": true,"packNpmRelationList": [{"packageJsonPath": "./package.json","miniprogramNpmDistDir": "./"}]}
}

8、工具构建：工具——》构建npm。完成项目的构建

9、测试：

在app.json中配置测试组件：

"usingComponents": { "van-button": "@vant/weapp/button/index" }

在index.wxml中配置

<van-button type="primary">按钮</van-button>

刷新页面，如果有按钮显示出来标明使用weapp成功

weapp 构建小程序相关推荐

uni-app是如何构建小程序的？
文章转自:uni-app是如何构建小程序的? - 掘金推荐看原文. uni-app是一个基于Vue.js语法开发小程序的前端框架,开发者通过编写一套代码,可发布到iOS.Android.Web以及各 ...
react构建小程序框架及remax的工作原理
1.为什么要用 React 来构建小程序? react生态体系完善. 自Facebook在2013年5月开源React,经历了7年多的发展,react的社区生态体系非常庞大,若是使用react来构建小 ...
Wuss Weapp 微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库文档 phonycode.github.io/wuss-weapp 扫码体验使用微信扫一扫体验小程序组件示例演示图片 ...
用AI“复制”一个网络主播，10亿羊毛构建小程序生态，这是虎牙AI的新动作
郭一璞发自广州量子位报道 | 公众号 QbitAI 网络直播,已经不仅仅是一位主播唱歌跳舞玩游戏这么简单了,AI技术正在渗入直播内容制作的过程中. 就在虎牙的LiveTech大会上,虎牙做了两 ...
mpvue构建小程序(步骤+地址)
mpvue 是一个使用 Vue.js 开发小程序的前端框架(美团的开源项目).框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运 ...
微信小程序-构建小程序的一些步骤
自用. 一些可能用到的网站 iconfont-图标素材库十六进制颜色值与RGB值互转二颜色混合器日本传统颜色 Flex布局语法学习html 学习css 学习javascript 学习React ...
vant weapp在小程序自定义tabbar
1.首先在小程序根目录miniprogram文件夹下创建 custom-tab-bar 文件夹包含 index.js index.json index.wxml 其中index.js文件内容注 ...
使用ColorUI构建小程序项目
目录一.快速开始 1.从现有项目开始 1.1 详细步骤: 2. 从新项目开始 2.1详细步骤 2.2 说明二.结语一.快速开始参照colorui官方给出的说明:GitHub - weilanw ...
mpvue 微信小程序api_基于mpvue构建微信和支付宝小程序（1）
基于mpvue构建微信和支付宝小程序(1) (1)----- 基础架构篇 why?为啥会有这个系列? 无论是百度和google,关于mpvue构建小程序的项目讲的都是管中窥豹,没有一个系统的讲解. 本 ...

weapp 构建小程序

weapp 构建小程序相关推荐

最新文章

热门文章