新建云项目小程序流程

一：在桌面新建一个文件夹，命名为miniprogram，用微信小程序新建项目了，选择如下：

• 1:填写小程序appid，选择目录，appid，小程序云开发，点击确定按钮。

  
  
  Small01StartProject.png
• 2:完成之后，界面如下所示，默认好的项目目录和一系列的代码

• 3：点击云开发按钮，申请开通

  
  
  Small01YunStart.png
• 4：创建创建资源环境，填写环境名称，每个小程序帐号可免费创建两个环境。填写相关信息，环境名称（要记住）
• 5：成功开通之后进入；创建完成之后的界面。
  通过以上5个步骤，我们就建立完成了云小程序。

二：Npm包的使用

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

  
  
  Small01NewP.png
• 2 来到miniprogram目录下，执行npm init;

• 3 后在执行npm i vant-weapp -S --production -verbose（安装有赞组件）

  
  
  Small01Npmok.png

• 4：之后构建一下npm，有有提示

  
  
  Small01BuildNpm.png

三：修改Tabbar

• 1 app.json是文件的入口，文件原始如下

  
  
  Small01Entry.png

• 2 修改json文件，修改tabbar

  
  
  Small01Tabbar.png

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