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

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 完成

相关推荐
晓风伴月1 小时前
uniapp: IOS微信小程序输入框部分被软键盘遮挡问题
微信小程序·小程序·uni-app
计算机-秋大田3 小时前
基于微信小程序的乡村研学游平台设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
小马哥编程6 小时前
【微信小程序】报修管理
微信小程序·小程序
Json____6 小时前
学法减分交管12123模拟练习小程序源码前端和后端和搭建教程
前端·后端·学习·小程序·uni-app·学法减分·驾考题库
前端(从入门到入土)8 小时前
微信小程序自定义顶部导航栏(适配各种机型)
微信小程序·小程序
百事老饼干9 小时前
小程序入门到实战(二)-----基础知识部分1.0
小程序
qq_3327835413 小时前
wx小程序turf.js判断点是否位于该多边形内部
小程序
放逐者-保持本心,方可放逐14 小时前
微信小程序=》基础=》常见问题=》性能总结
前端·微信小程序·小程序·前端框架
计算机-秋大田14 小时前
基于微信小程序的养老院管理系统的设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
钰@17 小时前
小程序开发者工具的network选项卡中有某域名的接口请求,但是在charles中抓不到该接口
运维·服务器·小程序