小程序实战系列 :零基础之新建云项目流程(02天)

244 阅读1分钟

新建云项目小程序流程

一:在桌面新建一个文件夹,命名为miniprogram,用微信小程序新建项目了,选择如下:
  • 1:填写小程序appid,选择目录,appid,小程序云开发,点击确定按钮。
    雷震子
    雷震子
  • 2:完成之后,界面如下所示,默认好的项目目录和一系列的代码
  • 3:点击云开发按钮,申请开通
    雷震子
    雷震子
  • 4:创建创建资源环境,填写环境名称,每个小程序帐号可免费创建两个环境。填写相关信息,环境名称(要记住)
  • 5:成功开通之后进入;创建完成之后的界面。 通过以上5个步骤,我们就建立完成了云小程序。
二:Npm包的使用
  • 1 我们刚才建立的项目,里面有两个文件夹,一个是cloudfunctions(这个目录是处理云函数,云数据库)一个是miniprogram(这个目录是写我们的业务逻辑的);
    雷震子
    雷震子
  • 2 来到miniprogram目录下,执行npm init;
  • 3 后在执行npm i vant-weapp -S --production -verbose(安装有赞组件)
    雷震子
    雷震子
  • 4之后构建一下npm,有有提示
    雷震子
    雷震子
三:修改Tabbar
  • 1 app.json是文件的入口,文件原始如下
    雷震子
    雷震子
  • 2 修改json文件,修改tabbar
    雷震子
    雷震子

(ps:有些代码是截图的,可能会复制不了,最后我会上传到github,你可以把代码下载下来哈哈哈,欢迎关注我的公众号。。。)