用uniapp开发微信小程序

一、为什么使用uni-app？

1.微信定义的这套语法，wxml、wxs，以及wx:if等语法，私有化太强。
2.uni-app支持跨端多平台编译，多端开发成本低。
3.基于通用的前端技术栈，采用vue语法+微信小程序api，没有额外的学习成本。

二、uni-app项目起步

uni-app官方推荐的开发工具为HBuilderX，不过由于本人习惯使用vscode，因此介绍如何在vscode中使用uni-app。

1.CLI工程

全局安装 vue-cli 3.x（如已安装请跳过此步骤）

npm install -g @vue/cli

通过CLI创建uni-app项目

vue create -p dcloudio/uni-preset-vue my-project
此时，会提示选择项目模板，初次体验建议选择 hello uni-app 项目模板，如下所示：

我这里选择默认模板。

2.安装vue语法提示插件vetur

<img src=“https://img-cdn-tc.dcloud.net.cn/uploads/article/20190827/f98722b481a8f8bdb29163a4d248926a.png” alt=“img” style=“zoom:67%;” />

3.目录结构

一个uni-app工程，默认包含如下目录及文件：

┌─uniCloud              云空间目录，阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb（详见uniCloud）