微信官方的npm文檔 太模糊了,而且感覺把最重要的東西寫在了最后面,我這里費了老大功夫才知道這個坑。
初次使用,首先要初始化 npm
初始化——> 找到 pages 這個文件夾,然后進入這個文件夾的上級目錄 也就是項目的根目錄 在這個根目錄下
使用 npm init -f 初始化命令 -f 表示全部輸入默認值,懶得一個個回車。
初始化之后——> npm install -production docxtemplater 構建npm項目的配置文件,作用好像是按需加載 ——>這個命令生成了一個xxx.json文件
接着————> 在微信開發者工具中,設置 ——> 項目設置——> 勾選使用npm模塊
再之后主題來了!這個后面的步驟是,每一次新npm一個第三方npm組件,都會用到的
假如我要使用recycle-view長列表npm組件
首先 打開 微信官方文檔 搜索 recycle-view
從中我們找到了它的npm命令
npm install --save miniprogram-recycle-view
找到 pages 這個文件夾,然后進入這個文件夾的上級目錄 也就是項目的根目錄。
在這個根目錄上右鍵——>在終端中打開,然后使用這個命令 npm install --save miniprogram-recycle-view
才行
npm完了之后!!!
在微信開發者工具中, 工具——>構建npm——>當當當當!在pages同級目錄中,你可以找到一個長得像 miniprogram_npm 的文件, 他的下面
就有了官方文檔中說的 那個東西 miniprogram-recycle-view/recycle-view 和 miniprogram-recycle-view/recycle-item
使用。
假如我在index頁面使用,那
index.json中 類似這樣寫: