前言-小程序技术选型

毕业12年了，很早就在腾讯做过几年开发

错失了很多机会，其实也没有错失，因为我自己只知道做技术，没有什么商业头脑。

最近也常读书，对过去也不后悔。因为性格决定命运，本身就是喜欢工匠精神的人。

回到正题：这2年脐橙都是在微信靠口碑去卖的，很麻烦，收钱，回复，发货，给订单号 ，售后等等都是人工干的。所以闲下来就想做个小程序玩玩 。

其实后端接口用NodeJS写了一部分了，之前在简书分享过，但是觉得B总用户多，还是转来B 站了，希望多一点人看到我的故事。

因为之前主要都在微信里面卖的，所以就想着做微信小程序。

原生的微信小程序呢，开发太慢，开发效率也低，很多东西太古板了，一点都不想进，不是我吐槽微信小程序团队！所以选择跨平台方案来做！

后面可能会搞成支付宝小程序、字节小程序和APP等，综合了国内外的跨平台框架 还是选择了uniapp ，因为老外不搞小程序。

1.所以呢就用uniapp 的 cli方式来创建项目了，HBuilderX不好用就后面搞APP的时候准备用下

创建完项目，把SASS先装上，写样式还是得有个异构语言的！

2.然后先运行起来看看吧

然后用微信开发工具打开 dist/dev/mp-weixin这个目录预览，正常都是OK 的

3.与原生小程序开发的文件对应关系

原生: project.config.json 

uniapp:  manifest.json ->  mp-weixin  这里把appid配置上就行了

原生 : app.json

uniapp: page.json  这里把tabBar等配上

4.运行起来了，选一个UI框架吧

那就Vant weapp吧，注意和Vant是不一个框架，虽然是一家。

打开vant weapp的github地址： https://github.com/youzan/vant-weapp 下载项目

在src下面 新建 wxcomponents 目录（uniapp规定必须叫这个名字 ），然后把vant-weapp-dev\dist的组件 全部考到wxcomponents 目录下面 ，取个名字叫vant把

全局引入一些常用组件

局部使用组件

这样就能使用vant-weapp组件了