关于微信小程序安装npm的过程,从下载到小程序内部安装完成
1.先從官網下載nodejs 網站為Node.js (nodejs.org),選擇左邊第一個2 然后一直next,選默認就行 選擇自己喜歡的路徑我的是D:\nodejs-v18.12.1
3 下載完成后,先在安裝文件夾中新建兩個文件夾
node_cache
node_global
?
4 配置一下環境變量,如果不配置好就會導致微信微信小程序里面找不到路徑的情況,打開控制面板->系統與安全->系統->高級系統設置->環境變量
?
?一共要配置三個地方
一個是用戶的環境變量,要新建一個NODE_PATH,變量值是你安裝的路徑
?
?
?另外兩個在系統變量中的Path中,打開Path,新建以下兩個路徑(記得改自己的路徑,不要復制粘貼我的)
D:\nodejs-v18.12.1\node_global
D:\nodejs-v18.12.1\node_modules
確定,離開
5 進入微信小程序(第一次進入最好使用管理員),點擊miniprogram 打開調試器的終端,輸入?npm -v node -v,顯示出來版本,如果沒有顯示出來版本號,原因就是你環境沒有配置好,新建的路徑看看和你文件的路徑有沒有對的上,文件夾有沒有創建等。
?
再輸入npm init -y
輸入npm i @vant/weapp@1.3.3 -S --production?
@1.3.3是版本號,你想要哪個版本就@什么版本,我的是1.3.3,成功后會顯示我圖上的內容
并且左邊會出現一個文件夾,名字默認是node_modules
?
?6 點擊左上角,工具構建npm(不需要在詳情那里點擊構建npm,因為現在的版本是默認開啟的)
?7 這時候可能會彈出一個錯誤消息,沒有找到構建的NPM包,詳情如同
?這時候需要我們在project.config.json文件里面的setting加上
?"packNpmManually":?true,
????"packNpmRelationList":?[
??????{
????????"packageJsonPath":?"./package.json",
????????"miniprogramNpmDistDir":?"./miniprogram/"
??????}
????]
?然后保存編譯,成功!!!!
?
?
?
?
?
?
?
?
總結
以上是生活随笔為你收集整理的关于微信小程序安装npm的过程,从下载到小程序内部安装完成的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 联想八通道是什么?购买美行ThinkPa
- 下一篇: 数字化转型时代的企业数据新基建 | 爱分