mpvue build WeChat applet project

mpvue build project

  • Introduction to mpvue

    • It is a front-end framework for developing small programs with Vue.js. The framework is based on the core of Vue.js, and mpvue modifies the runtime and compiler implementation of Vue.js so that it can be allowed in an applet environment, thereby introducing a complete Vue.js development experience for applet development.
    • Official website:  http://mpvue.com/mpvue/quickstart.html
  • Start a project quickly

# 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


The directory after installation is as follows. The directory for


image.png




successfully importing WeChat development tools is as follows
image.png

mpvue is a real-time compilation of WeChat applets, supporting the native interface and life cycle of WeChat applets


image.png


image.png

Published 49 original articles · praised 3 · visits 5094

Guess you like

Origin blog.csdn.net/weixin_43487066/article/details/105494189