小程序经过了将近两年的锤炼, 现在出现了许许多多的框架, 来帮助我们进行快速开发, 最近可能迷上了 mpvue 这个框架, 所以就用公司的项目练练手.
mpvue 是用 vue 作为基础骨架的, 所以他非常想 vue, 所以说只要 vue 会, 那么 mpvue 就会得心顺手了.
废话不多说! 直接上手.
通过 vue.js 命令行工具 https://github.com/vuejs/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
这样我们就构建好了一个小程序
接着我们打开微信开发者工具, 将项目导入, 填上 appid, 这样我们就可以看到一个 mpvue 搭建的小程序呈现在眼前了 (由于本人比较懒, 截图就算了)
我们也可以使用 vant UI 框架进行页面辅助构建页面, 只不过本人觉得要是想与设计稿一致的话, 还是老老实实的写代码吧, 别想其他没用的了.
来源: https://www.cnblogs.com/WangXinPeng/p/10141293.html