uniapp的項目在使用HBuilder X創建時是不會有node_modules文件夾的,如下圖所示:
但是uni-app不管基于哪個框架,它內部一定是有node.js的,否則沒有辦法去實現框架層面的一些東西,只是說它略微有點差異。具體差異表現在和web項目相比或者說和vue-cli相比:vue-cli創建好項目框架后會自動在當前工程下生成一個node_modules文件夾以及其相對應的package.json文件,而uni-app則不會自動生成。
因此,如果想要在uni-app的項目中使用npm,首先要做的就是對項目進行npm相關的初始化
初始化npm:
初始化的過程其實非常簡單,一共兩步(初始化的前提是電腦必須安裝nodeJs的環境,如果沒有安裝nodeJs,前往nodeJs官網,自行選擇安裝包進行下載,下載完成以后,雙擊安裝即可):
第一步:cd到需要運行初始化命令的項目目錄,我們需要在這個項目的根目錄執行初始化命令;
第二步:執行初始化命令:npm init
npm init
當在控制臺執行完 npm init 以后,控制臺會讓你輸入一些選項,直接點擊回車鍵就可以,這些選項無非就是讓你確認一下項目名、版本號等等,對于不確定的都可以不管,因為這些值都 可以在最終的package.json里進行修改,一直到最后輸入一個 yes
當初始化完成后,node會在當前路徑下生成一個package.json文件,如圖所示:
這個文件生成即代表npm初始化成功
安裝命令說明:
既然package.json文件已經生成,那么即可開始安裝第三方依賴包,不過在此之前,必須 先了解一下安裝命令,在npm中安裝命令如下:
npm install packageName --save
這是一段完成的npm安裝命令,我們可以將 其分為4段,分別是:npm,install,packageName 和 --save
npm:代表 npm工具,也就是說接下來要執行的是屬于npm的命令;
install:代表 安裝,這是一個屬于npm的內置關鍵詞;
packageName:這是一個變量,代表 包名,具體示例如下 ,官方包名,
-–save:代表 保存,被–save的包會被記錄到 package.json 中的 dependencies屬性 下(這個屬性代表項目被打包時該屬性下的所有依賴包要一同被打進項目包里);
// 安裝lodash
npm install lodash -–save// 安裝crypto-js
npm install crypto-js --save
安裝后就可以按照包名的官方文檔進行操作了