mpvue小程序实战项目开发记录篇(一)
一.什么是mpvue? mpvue是基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系,修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中。 mpvue官方文档地址 mpvue图书管理小程序源码地址二.项目采用的技术栈 Eslint+Sass+ES6+ES7(async/aw...
一.什么是mpvue?
mpvue是基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系,修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中。
二.项目采用的技术栈
Eslint+Sass+ES6+ES7(async/await)+
nodejs+Koa-router+腾讯云Wafer2(koa2在腾讯云里面的部署)
+mysql(增删改查)+小程序的部署上线
三.mpvue的入门知识
- vue语法+小程序组件+小程序自带Api
- wx开头的微信api是vue无法取代的
-
为什么我们需要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
五.项目目录一览
更多推荐
所有评论(0)