mpvue构建微信小程序项目

mpvue构建项目

  • mpvue简介

    • 是一个Vue.js开发小程序的前端框架。框架基于Vue.js核心,mpvue修改了Vue.js的runtime和compiler实现,使其可以允许在小程序环境中,从而为小程序开发引入整套Vue.js开发体验。
    • 官网: http://mpvue.com/mpvue/quickstart.html
  • 快速开始一个项目

# 1. 先检查下 Node.js 是否安装成功
$ node -v
v8.9.0

$ npm -v
5.6.0

# 2. 由于众所周知的原因,可以考虑切换源为 taobao 源
$ npm set registry https://registry.npm.taobao.org/

# 3. 全局安装 vue-cli
# 一般是要 sudo 权限的
$ npm install --global [email protected]

# 4. 创建一个基于 mpvue-quickstart 模板的新项目
# 新手一路回车选择默认就可以了
$ vue init mpvue/mpvue-quickstart my-project

# 5. 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev


安装完的目录如下


image.png




成功导入微信开发工具目录如下
image.png

mpvue是实时编译微信小程序,支持微信小程序的的原生接口和生命周期


image.png


image.png

发布了49 篇原创文章 · 获赞 3 · 访问量 5094

猜你喜欢

转载自blog.csdn.net/weixin_43487066/article/details/105494189