mp-vue搭建博客小程序(一)

开发前准备

  • 申请小程序开发者账号,登陆微信开发者平台
  • 下载微信小程序开发工具

安装mp-vue

vue init mpvue/mpvue-quickstart my-project
cd my-project
npm install
npm run dev

这样一个基于mp-vue的小程序项目就建成了,再打开微信开发工具,指到该项目路径,就可以预览到小程序的界面了,如下

mp-vue搭建博客小程序(一)_第1张图片
Inkedaa1_LI.jpg

以下是新建的小程序的代码结构


mp-vue搭建博客小程序(一)_第2张图片
bb.PNG

小程序的前后端代码地址: https://git.dev.tencent.com/ffxxbb/blog.git

你可能感兴趣的:(mp-vue搭建博客小程序(一))