基於uni-app創建小程序項目

想要在微信開發者平台在線演示項目，需要首先在微信公眾平台https://mp.weixin.qq.com/申請一個AppId，在此假設讀者已申請

一：在HbuilderX平台下創建小程序項目

1.創建項目
HX界面下點擊 文件 -> 新建 -> 項目 選擇以下操作：

2.在微信開發者平台查看演示

在導入到微信開發者平台前，需要對該項目做一些配置：

1. 找到項目里的manifest.json, 配置uniapp的APPID以及微信小程序的相關配置

• uni的基礎配置

• 本項目中小程序的相關配置：

2. 在微信開發者工具中查看

打開本項目中的某一個文件后，進行下列操作：

點擊 運行 -> 運行到小程序模擬器 -> 微信開發者工具

注：請持續關注下方命令行工具

    如果出現如圖所示即為運行成功：

二：在命令行下創建uniapp項目

1. 命令行下輸入：

npm istall -g @vue/li //若已全局安裝請忽略

vue create -p dcloudio/uni-preset-vue my-project 

2. 選擇默認模板；稍等片刻

3. 將項目導入到指定編輯器，並導入到微信開發者工具內

要想運行在pc / 移動端，可以執行以下命令：

  cd  myuni

  npm run serve 

運行在微信小程序端，需要：

cd  myuni

npm run dev:mp-weixin

4. 在微信開發者工具中導入該項目

打開微信開發者工具，選擇導入項目；

打開項目目錄，選擇dist/dev/mp-weixin文件夾，點擊導入(輸入appid)

附送uni目錄：

這樣，就完成了uniapp的安裝。

以上。