1.小程序的初始目錄
2.使用npm 包
2.1官網(wǎng)補(bǔ)充
首先要npm init創(chuàng)建package.json文件,然后按照官網(wǎng)步驟操作就可以了而线。
2.2創(chuàng)建package.json文件介紹
命令行里會(huì)以交互的形式讓你填一些項(xiàng)目的介紹信息翩剪,依次介紹如下:(不知道怎么填的直接回車(chē)刹淌、回車(chē)...)
name 項(xiàng)目名稱
version 項(xiàng)目的版本號(hào)
description 項(xiàng)目的描述信息
entry point 項(xiàng)目的入口文件
test command 項(xiàng)目啟動(dòng)時(shí)腳本命令
git repository 如果你有 Git 地址,可以將這個(gè)項(xiàng)目放到你的 Git 倉(cāng)庫(kù)里
keywords 關(guān)鍵詞
author 作者叫啥
license 項(xiàng)目要發(fā)行的時(shí)候需要的證書(shū)芹橡,平時(shí)玩玩忽略它
3.npm安裝WeUI WXSS包步驟
3.1安裝依賴包
GitHub地址:https://github.com/Tencent/weui-wxss
npm下載:npm i weui-wxss
npm i weui-wxss安裝依賴包后會(huì)生成node_modules文件
3.2以下就是按照微信官網(wǎng)的操作步驟
1.操作上面這一步的時(shí)候毒坛,我這邊提示未找到app.wxss.js(如下圖3.3)
2.去對(duì)應(yīng)的路徑下創(chuàng)建對(duì)應(yīng)的文件后,再次操作上面這一步就會(huì)出現(xiàn)如圖3.4
3.構(gòu)建完成目錄下面會(huì)生成一個(gè)miniprogram_npm文件(如圖3.5)
4.然后完成圖3.6操作(在詳情里)
4使用WeUI WXSS
1.依賴包下的目錄如圖4.1林说,小程序只會(huì)用到dist文件
2.按照如圖4.2引入樣式文件煎殷,我用了scss編輯器
3.最終效果如圖4.3,dist下面的example文件里都是例子可以參考腿箩!
以上是本人操作流程豪直,希望可以幫助到大家,如有問(wèn)題請(qǐng)指出珠移,會(huì)虛心接受顶伞!