微信小程序框架

• WeUI 小程序–使用教程
• 小程序框架mpvue
• 组件化开发框架wepy
• 官方框架MINA
• Tina.js
• 前端框架weweb
• 微信UI组件库 iView Weapp
• ZanUI-WeApp – 一个颜值高、好用、易扩展的微信小程序 UI 库
• Taro

mpvue

全局安装 vue-cli

• npm install --global vue-cli

创建一个基于 mpvue-quickstart 模板的新项目

• vue init mpvue/mpvue-quickstart my-project

安装依赖

• cd my-project
• npm install

启动构建

• npm run dev

下图是一个全局安装时会出的错

• npm i -g @vue/cli-init （安装这句话就会好）
  

启动 npm run dev 下图就是成功启动

最后我们在微信小程序中导入 （wx这个文件）

进来之后就是这个样子

会有一个报错 我们可以先忽略 因为那是一个图片的报错