原生微信小程序搭建

以下的步驟都是建立在已經申請註冊了小程序的基礎上

第一步:

從官網下載微信小程序開發工具

第二步:

在開發者工具上選擇:項目->新建項目

項目目錄選擇一個空的文件夾

選擇了22這個文件夾之後會變成下圖:(注意:一定要選擇建立普通快速啓動模板)

點擊確定之後會生成以下代碼:目錄如下:(此時package.json還是未生成的)

第三步:npm init,生成package.json文件,執行後如下圖:

第四步:安裝vant包,輸入

npm i vant-weapp -S --production

安裝完成後,此時開發者工具裏不會出現node_modules文件夾

第五步、勾選使用npm模塊

第六步、構建npm

構建完成後項目目錄中會出現miniprogram_npm文件夾,如下圖:

然後按照文檔按需導入即可

路徑設置:

"usingComponents": {
  "van-stepper": "/miniprogram_npm/vant-weapp/stepper/index"
}

第七步、使用Promise處理請求

 

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