原生微信小程序搭建

以下的步骤都是建立在已经申请注册了小程序的基础上

第一步:

第二步:

在开发者工具上选择:项目->新建项目

项目目录选择一个空的文件夹

选择了22这个文件夹之后会变成下图:(注意:一定要选择建立普通快速启动模板)

点击确定之后会生成以下代码:目录如下:(此时package.json还是未生成的)

第三步:npm init,生成package.json文件,执行后如下图:

第四步:安装vant包,输入

npm i vant-weapp -S --production

安装完成后,此时开发者工具里不会出现node_modules文件夹

第五步、勾选使用npm模块

第六步、构建npm

构建完成后项目目录中会出现miniprogram_npm文件夹,如下图:

然后按照文档按需导入即可

路径设置:

"usingComponents": {
  "van-stepper": "/miniprogram_npm/vant-weapp/stepper/index"
}

第七步、使用Promise处理请求

经验分享 程序员 微信小程序 职场和发展