小程序创建项目

一、创建小程序项目

1.打开微信小程序开发者工具，新建小程序项目

2.点击新建后，得到默认项目文件

  

3.创建完毕，申请开通云开发

 4.创建创建资源环境，填写环境名称，每个小程序帐号可免费创建两个环境。填写相关信息，环境名称（要记住）

 5.点击开通，进入云开发控制台

通过以上5个步骤，我们就建立完成了云小程序。

 二、npm包的使用

我们刚才建立的项目，里面有两个文件夹，一个是cloudfunctions(这个目录是处理云函数，云数据库)一个是miniprogram(这个目录是写我们的业务逻辑的)；

1.window+R输入cmd，打开cmd命令，输入命令切换到小程序项目文件

 2.输入npm init

 

 3.引入有赞组件

（1）安装 0.x版本 --（安装有赞组件，注：不是最新的版本）

再执行：npm i vant-weapp -S --production -verbose

 （2）安装最新版有赞组件

再执行：npm i @vant/weapp -S --production -verbose

 

得到node_modules目录

 

然后构建一下npm

构建得到miniprogram_npm 有赞组件目录

修改project.config.json ，才能正常使用最新版

　　开发者工具创建的项目，miniprogramRoot 默认为 miniprogram，package.json 在其外部，npm 构建无法正常工作。

　　需要手动在 project.config.json 内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。

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

 修改之后保存，这时可能还是会报错，重启一下微信开发者工具就可以了

三、发布小程序

 1.上传小程序项目

2.输入版本号，点击上传

3.登录微信公众平台，点击查看管理->版本管理，找到上传的小程序项目

4.提交审核，就可以发布小程序了

 待腾讯审核通过，把审核版本提交发布，上传到线上版本即可