1,环境配置(http://mpvue.com/mpvue/quickstart.html) //全局安装vue-cli3脚手架 npm install -g @vue/cli @vue/cli-init //创建一个基于 mpvue-quickstart 模板的control-task项目 vue init mpvue/mpvue-quickstart control-task //定义项目名.APPID.项目描述.是否使用vuex.esLint等 //安装依赖 cd my-project $…

初始化一个 mpvue 项目 $ 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 vue-cli@2.9 # 4. 创建一个基于 mpvue-quickstart 模板的新项目 # 新手一路回车选择默认就…

最近接触一个前端HTML5的项目,虽然我主做iOS,但曾经也徒手用html+css+js+php写过一个博客,当然表示无压力了.结果.现在的前端发展的速度真是快啊,项目中用到Jquery,reactJS,angularJS,gulp,webpack…… 我表示瞎了……这才几年前端技术发展的真是快. 其中Jquery是小型的语法框架(集成一些工具函数),reactJS和angularJS是比较大型的模块设计框架,gulp和webpack是模块构建的工具……当我听说JS还需要编译的时候,我他妈真是服…

前面说过了Storm的测试项目,那么此时我们更想自己写一个小项目来练练手,首先我们自己的Windows系统上首先应该安装好maven,然后启动Eclipse for JavaEE版本,接下来开始建立项目并开发 注意,在开发过程中,无论是Windows还是Linux都要完全关闭防火墙,避免网络的问题 单击"File"->"New"->"Maven Project" 接下来的界面默认即可,单击Next 下一步,继续单击Next即可 然后,…

第一个Android项目——计算器 效果 开始学Android一两个星期了,学习了一下基本的Activity.简单控件及几个简单布局,打算找个东西来练练手,于是就选择发计算器.关于计算器中用到的四则运算在上一篇博客表达式(四则运算)计算的算法中已经讲了.这里不再赘述. 先看一下要达成的效果图: 图1 这里只用到了一个Activity,有EditText.Button两个控件组成,所以比较简单. 布局 这里用到了三种布局: LinearLayout: 一个整体的垂直的线性布局 有几个属性解释一下:…

当时的情景是这样的: 使用mpvue写微信小程序,写着写着项目写到一半了,突然间不想这样继续写了,想切换回原生小程序语法去写剩余部分. 如下图,红色框里的功能是已经用mpvue完成的功能,绿色框部分的功能是需要原生小程序去完成 由于项目是先使用mpvue开始的,我们需要在mpvue项目下新建一个文件目录用来开始原生部分的工作,目录结构如下 nativeWX目录如下 当我们把原生部分功能写完之后,接下来就是合并整合代码,让他们能够在完整的跑起来的时候了 1.把原生项目下的索引文件夹(pages.u…

在前面一篇讲了如何创建一个虚拟环境,今天这一篇就来说说如何创建一个简单的Flask项目.关于Flask的具体介绍就不详细叙述了,我们只要知道它非常简洁.灵活和扩展性强就够了.它不像Django那样集成度特别高.Flask只是一个内核,默认依赖于两个外部库: Jinja2 模板引擎和 Werkzeug WSGI 工具集,其他很多功能都是以扩展的形式进行嵌入使用. 一.一个简单的小例子 创建一个Flask项目的步骤: 1.导入Flask类 2.创建程序实例 3.定义视图(函数) 4.启动服务器 fr…

前言 说起小程序,其实在去年我都还只试着照着官方文档写过demo的,不过现在这家公司小程序做得比较多,我来之后也参与了几个小程序的开发了,最开始那几个是用的wepy,最近一个开始转用mpvue开发,最近这个项目终于上线了,我也来试着总结回顾一波吧. 关于框架的选择 我刚来现在的公司时,我就了解过有一个小程序框架叫mpvue被美团开源了,有过一个大致的了解.来了公司之后了解到我们公司已经有了一套自己的小程序技术栈那就是基于wepy的,而不是原生小程序,毕竟我们要开发的小程序不是简单的几个页面,而且…

前言:这是一篇简单粗暴的使用指南 在最近的小程序项目里前端UI框架最后选择使用WuxWeapp,这篇文章记录一下如何在小程序mpvue项目中使用该UI组件. 步骤一:下载源码 (地址在这里)主要是里面的dist文件夹,下载下来之后就把dist文件夹放到mpvue脚手架自动生成的static文档中.具体的目录层级各位都可以按自己的喜好来设计.贴上我的仅供参考. 步骤二:引入组件 我们需要在app.json文件中进行配置,其中有一个"usingComponents"配置属性.需要使用什么组…

简介 由于小程序开发工具的封闭,我们无法通过安装 chrome 插件来方便地使用 vue-devtools 调试我们的 mpvue 项目.vuetron 是一个 vue.js 的项目调试工具, 同时支持对 vuex 及 vue-router 的调试.这里我们主要使用其对 vuex 的调试功能. 安装 npm 模块 npm install vuetron weapp.socket.io --save-dev 客户端应用 windows 平台提供的是压缩包,下载解压后,双击 Vuetron.exe…