mpvue 试水的一天

WangXinPeng 2018-12-19 原文

mpvue 试水的一天

小程序经过了将近两年的锤炼,现在出现了许许多多的框架,来帮助我们进行快速开发,最近可能迷上了mpvue这个框架,所以就用公司的项目练练手。

mpvue是用vue作为基础骨架的,所以他非常想vue,所以说只要vue会,那么mpvue就会得心顺手了。

废话不多说!直接上手。

通过 Vue.js 命令行工具 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框架进行页面辅助构建页面,只不过本人觉得要是想与设计稿一致的话,还是老老实实的写代码吧,别想其他没用的了。
发表于 2018-12-19 09:27 小鹏的编程日志 阅读() 评论() 编辑 收藏

 

版权声明:本文为WangXinPeng原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/WangXinPeng/p/10141293.html

mpvue 试水的一天的更多相关文章

  1. 汽车销量查询小助手(小程序)销量趋势图功能及代码知识分享

    1. 引言 在上篇博客汽车销量查询小助手(小程序)开发心路历程 我分享了整个小程序的开发历程,感谢有那么多同学 […]...

  2. 小程序 —– js常用方法

    1、 length 获取字符串长度,从0 开始 let filePathNameLenght = filePa […]...

  3. mpvue-小程序之蹲坑记

    1. 不支持 v-html 小程序里所有的 BOM/DOM 都不能用,也就是说 v-html 指令不能用 部分 […]...

  4. 小程序

    微信公众平台团队喜欢在深夜给人惊喜,这不,微信小程序开发文档昨晚23点半发出了,很多开发者表示要兴奋得睡不着了 […]...

  5. 小程序索引列表排序

    在小程序中,会有一些需求,常常会有一些按字母A-Z排序,写过一篇关于vue的字母排序,点击这里查看,今天写一篇 […]...

  6. 跟我一起,利用bitcms内容管理系统从0到1学习小程序开发:一、IIS下SSL环境搭建

    缘起 1、从事互联网十来年了,一直想把自己的从事开发过程遇到的问题给写出来,分享给大家。可是可是这只是个种想法 […]...

  7. 小程序开发之自定义c3样式

    一,如何隐藏小程序中的很粗的滚动条,实现页面的美化?   tit: 在开发小程序的过程中,无论是横向或者纵向当 […]...

  8. uni-app(二)接口请求封装,全局输出api

    在项目 main.js 同级创建 utils 文件夹, utils里创建 config.js文件,存储重要参数 […]...

随机推荐

  1. 码农行业的薪水一览,如有雷同纯属巧合

    码农行业的薪水一览,如有雷同纯属巧合 IT技术人员的六大方向收藏   几乎每个企业都需要技术员的支持,生产制造 […]...

  2. 程序员整理的各种不错的技术和工具

    1 技术站点 Hacker News:非常棒的针对编程的链接聚合网站 Programming reddit:同 […]...

  3. [工具向]__androidstudio签名打包apk及配置自动签名

    前言 好几天了,没怎么更新了,最近迷上了抓妖,有些懈怠了,这两天在看android的一些东西,java暂时就先 […]...

  4. 阿里云视频点播之URL批量拉取上传(调整为多个视频上传)

    项目引入阿里云视频点播PHP-SDK 背景:2021年乐视云的点播将停止提供服务,项目决定选择选用阿里云的视频 […]...

  5. ArrayList添加新元素的覆盖问题 – alavender

    今天,在做“二叉树中和为某一值的路径”的时候,因为这个问题,导致我调了好久好久…真的,心累。明明输 […]...

  6. 玩转MQTT-阿里云之MQTT使用(上)

    为使物联网项目在正式使用时,能顺利切换到具有高并发高负载能力的服务平台,对阿里云提供的MQTT服务进行使用验证 […]...

  7. 如何查询本机端口占用情况

    开始–运行–cmd 进入命令提示符 输入netstat -ano 即可看到所有连接的P […]...

  8. Java 面试中遇到的坑

    Java 面试中遇到的坑 Java开发中很多人都不愿意修改自己以前的代码,看别人的代码更是无法忍受,当看到别人 […]...

展开目录

目录导航