微信小程序创建项目以及注意事项

1.申请账号并完善信息

2.下载安装开发工具

3.开发小程序

4.上传代码

5.提交审核

6.发布

创建项目

根据需求选择模板,也可以不选择模板

创建完毕之后

进入页面点击终端 然后新建终端

输入npm init 一直按回车即可

安装成功 出现package.json

如何使用组件???

好我们拿vant组件举例

首先安装npm i @vant/weapp -S --production

以下这种就是安装成功了

将 app.json 中的 "style": "v2" 去除

到project.config.json 中的setting里面添加或者修改

复制代码
    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./"
      }
    ]

要将"miniprogramNpmDistDir": "./"清空,写成./就好了

工具构建npm 完成

相关推荐
换日线°7 小时前
微信小程序单双周选择排序有效果图
微信小程序
HumoChen9910 小时前
GZip+Base64压缩字符串在ios上解压报错问题解决(安卓、PC模拟器正常)
android·小程序·uniapp·base64·gzip
qq_124987075311 小时前
原生小程序+springboot+vue医院医患纠纷管理系统的设计与开发(程序+论文+讲解+安装+售后)
java·数据库·spring boot·后端·小程序·毕业设计
小新11013 小时前
微信小程序学习之底部导航栏
微信小程序·导航栏
小新11013 小时前
微信小程序 密码框改为text后不可见,需要点击一下
微信小程序·小程序·notepad++
Maitians14 小时前
微信小程序 自定义图片分享-绘制数据图片以及信息文字
微信小程序·小程序
Mr.app19 小时前
uniapp(微信小程序)>关于父子组件的样式传递问题(自定义组件样式穿透)
微信小程序·uni-app
老李不敲代码19 小时前
榕壹云搭子系统技术解析:基于Spring Boot+MySQL+UniApp的同城社交平台开发实践
spring boot·mysql·微信小程序·uni-app·软件需求
全职计算机毕业设计2 天前
基于微信小程序的城市特色旅游推荐应用的设计与实现
微信小程序·小程序