投稿 资料上传 搜索
您现在的位置是: 首页 > 文章 > 正文

mpvue开发微信小程序(环境搭建)

mpvue介绍

    mpvue是基于vue开发小程序的前端框架,比如微信小程序,我们就可以用vue的语法做开发,因为mpvue该框架基于vue.js核心,修改了runtime和compiler的实现,使其可以运行在小程序环境中,这为学习前端开发的朋友们去上手开发小程序降低了门槛。

mpvue主要特性

1.彻底的组件化开发能力:提高代码复用性
2.完整的 Vue.js 开发体验
3.方便的 Vuex 数据管理方案:方便构建复杂应用
4.快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload
5.支持使用 npm 外部依赖
6.使用 Vue.js 命令行工具 vue-cli 快速初始化项目
mpvue 环境搭建

1.安装node.js开发环境

2.全局安装vue-cli脚手架,然后基于模板初始化项目,安装依赖,构建

# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建基于 mpvue-quickstart 模板的项目

$ vue init mpvue/mpvue-quickstart my-project

# 安装依赖

$ cd my-project

$ npm install

# 启动构建

$ npm run dev

3.打开微信小程序开发工具,导入my-project项目;基础环境就算完成了

注:开发者工具点击 微信web开发者工具wechat_devtools下载  

mpvue和其它小程序框架对比

对原生微信小程序、mpvue、WePY这三种开发小程序方式的比较 ,如下图:

总结

    通过mpvue环境搭建的简单讲解,感兴趣的朋友赶快参与尝试一下吧!相信大家会有所收获的!!! 


转载于:

文章标签:
阿里云服务器采购季
给作者打赏,鼓励TA抓紧创作!
评论