一.什么是mpvue?

     mpvue是基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系,修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中。

    mpvue官方文档地址

    mpvue图书管理小程序源码地址

二.项目采用的技术栈

    Eslint+Sass+ES6+ES7(async/await)+

    nodejs+Koa-router+腾讯云Wafer2(koa2在腾讯云里面的部署)

    +mysql(增删改查)+小程序的部署上线

三.mpvue的入门知识

  1. vue语法+小程序组件+小程序自带Api
  2. wx开头的微信api是vue无法取代的
  3. 为什么我们需要vuejs :                                                                                                                                                          (1)不能使用npm,使用第三方包的方式太原始                                                                                                                            (2)需要为小程序单独开发代码,不能和web系统重用                                                                                                                  (3)开发效率和学习成本(小程序特有的语法)

四.初始化项目(快速搭建项目模板)

1. 由于众所周知的原因,可以考虑切换源为 taobao 源 

      npm set registry https://registry.npm.taobao.org/

 2. 全局安装 vue-cli 

     npm install --global vue-cli

 3. 创建一个基于 mpvue-quickstart 模板的新项目     新手一路回车选择默认就可以了

     vue init mpvue/mpvue-quickstart my-project 

     这里需要AppID(小程序ID)  

 4.安装依赖,走你

     cd my-project

     npm install

     npm run dev

五.项目目录一览

Logo

前往低代码交流专区

更多推荐