1. 程式人生 > >新建小程式專案步驟

新建小程式專案步驟

近期小程式火的不得了,為什麼火呢?原因如下:

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 專案名稱

:建立一個基於mpvue-quickstart模版的新專案
這裡寫圖片描述
4.cd 專案名稱:進入專案資料夾
5.npm install -d:安裝依賴
這裡寫圖片描述
6.npm run dev:啟動專案
這裡寫圖片描述

在微信開發者工具中開啟改專案

1.首先需要下載安裝微信開發者工具
2.開啟微信開發者工具可以看到如下介面
這裡寫圖片描述

注:
1.專案目錄要選擇剛剛新建專案的dist資料夾
2.AppId:登入小程式,設定–>開發者設定中可看到
3.專案名稱自行 填寫

上述步驟如下圖
這裡寫圖片描述
點選確定進入開發頁面,如圖所示
這裡寫圖片描述

這樣,一個小程式專案就建好了。