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. 技术干货 | 关于 WKWebview 网络拦截,你想知道的都在这里

    原生 WKWebView 在独立于 app 进程之外的进程中执行网络请求,请求数据不经过主进程,因此在 WKW […]...

  2. 小程序 生成自定义小程序二维码码 通过 canvas 生成海报 保存成图片

    功能很简单 直接上代码   html canvas 定义画板 构造海报  .preview 生成海报图浏览 模 […]...

  3. spa 小程序的研发随笔 (1) — 前言

    半年前跳槽, 新公司主要研发倾向于小程序的开发。由于之前并没有接触小程序,所以经过半年的实际开发,才敢来做一点 […]...

  4. webpack-loader是怎样炼成的

    啰嗦两句 学习这件事从学习动机上来看,可以分成两种情况:主动学习和被动学习。主动学习就是,某天你浏览网页的时候 […]...

  5. 小程序 wx.request ajax示例

    简单示例  https://developers.weixin.qq.com/miniprogram/dev/ […]...

  6. 小程序 滑动菜单栏吸顶效果 抖动优化

      1. 先来看一下未滑动的效果,(样式随便写的,希望尽量简单)       2.滑动到菜单栏之后的吸顶效果 […]...

  7. 百度小程序之间的页面通信

    百度小程序之间的页面通信 author: @TiffanysBear 背景 主要是针对小程序开发中页面之间进行 […]...

  8. 小程序 与 App 与 H5 之间的区别

    小程序的实现原理 根据微信官方的说明,微信小程序的运行环境有 3 个平台,iOS 的 WebKit(苹果开源的 […]...

随机推荐

  1. LiDAR点云处理软件

    LiDAR点云处理软件 转自https://www.cnblogs.com/l-kong/  1、主要介绍当前 […]...

  2. SIMATIC PID温度控制

    SIMATIC PID温度控制   // VAR_INPUT ------------------------ […]...

  3. 怎么在苹果Mac虚拟机上安装Win7 – 纯情的小公鸡

    怎么在苹果Mac虚拟机上安装Win7 怎么在苹果Mac虚拟机上安装Win7 使用 Mac 系统的用户,因为一些 […]...

  4. fiddler 手机抓包(含https) 完整流程

    第一部分:下载并安装fiddler 一.使用任一浏览器搜索【fiddler下载安装】,并下载fiddler 安 […]...

  5. 企业级自定义表单引擎解决方案(七)–视图模型管理

    企业级自定义表单引擎解决方案(七)–视图模型管理   实体模型,视图模型,表单模型,表单规则引擎, […]...

  6. SQL2005 连接数据库各种问题解决方案

    SQL2005 连接数据库各种问题解决方案         1.开启sql2005远程连接功能,开启办法如下: […]...

  7. Python : Class

      Python 和 JavaScript一样即是面向过程语言,也是面向对象语言,动态语言。大多数面向对象语言 […]...

  8. 基于 abp vNext 和 .NET Core 开发博客项目 – 博客接口实战篇(一)

    系列文章 基于 abp vNext 和 .NET Core 开发博客项目 – 使用 abp cli […]...

展开目录

目录导航