使用mpvue框架開發微信小程序教程

一、所需環境

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

這樣項目就算跑起來了, 這時候要看頁面的效果,就需要打開微信小程序開發工具

這就是我們新建的項目運行起來的效果啦!!!

五、發佈自己的小程序

當開發好我們的小程序後,要投入使用的話,就要發佈我們的小程序。

下面這個非常簡易的小程序,每日一更高智商懸疑故事以及沙雕段子。便是通過這個流程進行開發的,大家也可以看看哦。

如果大家想了解這個小程序的開發以及發佈的全過程,可以評論留言告訴我!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章