微信小程序开发-mpvue项目的初始化

刚上大一的时候,就传出微信要推出一个小程序模版,能够让开发者在上面开发自己的前端界面。

当时就感到很有兴趣,当时接触到的更多的C语言,JAVA,python这种语言,对于JS,HTML这种解释性语言并没有太多的接触,而且听说在不久的将来还会面向更多的用户,全民都可以参与到其中。

所以在能够注册微信小程序的开发账号之后,赶紧就上手玩了起来。

很难过的是当时并没有编写技术博客的习惯,现在就算是补充当时的遗憾,从零开始搭建一个微信商城的小程序模版把。

首先,我们开发一款程序,需要确定自己的技术选型。

从微信商城的角度来讲,因为存储商品的数据量是不算小的,所以,我没有选择用小程序·云开发的功能,而是用mysql数据库作为数据库。

通过后端调取数据,利用AJAX请求发送和接收数据。

确定了技术选型,我们就开始,确定一下自己的业务需求。

在我的业务需求中规定了用户登录、用户注册、收藏、添加购物车等功能,将在接下来的章节中一一实现。

本章先从注册和登陆的静态页面开始编写。

在本次的项目中,采用mpvue的小程序开发框架。在mpvue的官网中可以查看到详细的文档和其他信息。

在cmd中运行命令跳转到你想要保存工程的文件夹中,运行下列命令。(用自己的名字替换下方的“you program name”)

vue init mpvue/mpvue-quickstart “you program name”

运行之后,需要完成一下信息的填写。

 project name : 工程名,如果和你运行初始化命令的名字不同,以初始化命令中的名称为准。

wxmp appid: 你的小程序APPID

project descrption:对于小程序的描述

Author: 作者名称,随意填写

Vue build:一般就选择runtime

use Vuex:包管理工具这里没有选择使用

use ESLint: 是否使用代码检查工具,这里没有使用,模版太苛刻了,我懒得用哈哈哈(觉得自己的代码编写格式不好的童鞋可以使用,相信我,坚持下来你的代码绝对干净整洁。)

交代完以上信息,我们就完成了我们的项目构建,接下来我们就要进入小程序的世界了,准备好的童鞋可以进入下一章节了

猜你喜欢

转载自www.cnblogs.com/Radioactive/p/12510410.html