新建小程式專案步驟
阿新 • • 發佈:2018-12-04
近期小程式火的不得了,為什麼火呢?原因如下:
1.不用安裝,即開即用,用完就走。省流量,省安裝時間,不佔用桌面
2.體驗上雖然沒法完全媲美原生APP,但綜合考慮還是更優
3.對於小程式擁有者來說,開發成本低,他們可以有更多財力,人力,精力放在產品本身
4.對於使用者來說,相較於各種APP,微信小程式UI和操作流程會更統一
新建小程式步驟如下:
1.安裝node.js,因為咱們要基於npm新建專案及安裝小程式元件
2.npm install -g vue-cli:全域性安裝vue-cli
3.vue init mpvue/mpvue-quickstart 專案名稱
4.cd 專案名稱:進入專案資料夾
5.npm install -d:安裝依賴
6.npm run dev:啟動專案
在微信開發者工具中開啟改專案
1.首先需要下載安裝微信開發者工具
2.開啟微信開發者工具可以看到如下介面
注:
1.專案目錄要選擇剛剛新建專案的dist資料夾
2.AppId:登入小程式,設定–>開發者設定中可看到
3.專案名稱自行 填寫
上述步驟如下圖
點選確定進入開發頁面,如圖所示
這樣,一個小程式專案就建好了。