一、所需环境
node环境,vue-cli脚手架,微信小程序开发工具(用来展示页面效果)
二、安装
1. node
node官网 进入官网下载,直接安装即可。安装后打开cmd,运行查看版本命令。如下图所示
2. vue-cli脚手架
// 全局安装vue-cli
npm install vue-cli -g
安装完毕后,运行查看版本,如下图所示
3. 微信小程序开发工具
微信小程序官网下载地址 点击进入微信公众平台官网进行下载即可
三、使用脚手架创建项目
项目目录如下:
四、启动项目
cd 到项目根目录(myapp)
执行 npm install,安装完毕后
执行 npm run dev
这样项目就算跑起来了, 这时候要看页面的效果,就需要打开微信小程序开发工具
这就是我们新建的项目运行起来的效果啦!!!
五、发布自己的小程序
当开发好我们的小程序后,要投入使用的话,就要发布我们的小程序。
下面这个非常简易的小程序,每日一更高智商悬疑故事以及沙雕段子。便是通过这个流程进行开发的,大家也可以看看哦。
如果大家想了解这个小程序的开发以及发布的全过程,可以评论留言告诉我!!!