一、所需環境
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
這樣項目就算跑起來了, 這時候要看頁面的效果,就需要打開微信小程序開發工具
這就是我們新建的項目運行起來的效果啦!!!
五、發佈自己的小程序
當開發好我們的小程序後,要投入使用的話,就要發佈我們的小程序。
下面這個非常簡易的小程序,每日一更高智商懸疑故事以及沙雕段子。便是通過這個流程進行開發的,大家也可以看看哦。
如果大家想了解這個小程序的開發以及發佈的全過程,可以評論留言告訴我!!!