首頁 web前端 js教程 npm如何安裝與配置

npm如何安裝與配置

Jan 21, 2019 pm 05:47 PM
npm

npm的安裝與設定有以下步驟:下載並安裝nodejs、開啟cmd檢查是否安裝成功、npm的環境配置、偵測npm是否配置成功

npm的安裝與環境配置

npm如何安裝與配置

【推薦文章:npm中有哪些有用的提示和技巧npm是什麼

#(1)下載並安裝nodejs

下載網址:https://nodejs.org/en/

npm如何安裝與配置

#選擇next即可,本篇中選擇的路徑D :\nodejs資料夾下

(2)開啟CMD,檢查是否正常path路徑是否正常

npm如何安裝與配置

##( 3)安裝完成後測試下nodejs和npm是否安裝成功

方法:在cmd下輸入node -v,npm -v出現下圖版本提示就是完成了NodeJS和npm的安裝

npm如何安裝與配置

(4)npm配置

#模組路徑、cache路徑

先配置npm的全域模組的存放路徑以及cache的路徑

具體方法:在NodeJs下建立"node_global"及"node_cache"兩個資料夾。如下圖

Image 19.jpg

然後執行以下2個指令

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

npm如何安裝與配置

可以發現目錄路徑改變了

輸入指令npm config set registry=http://registry. npm.taobao.org 設定鏡像站

輸入指令npm config list 顯示所有設定訊息

npm如何安裝與配置

檢查一下映像站行不行指令1

npm config get registry

npm如何安裝與配置

檢查一下鏡像站行不行指令2

Npm info vue 看看能否取得vue的資訊

npm如何安裝與配置

注意,此時,預設的模組D:\nodejs\node_modules 目錄

將會改變為D:\nodejs\node_global\node_modules 目錄,

如果直接執行npm install等指令會報錯的。

我們需要做1件事:增加環境變數NODE_PATH 內容是:D:\nodejs\node_global\node_modules,

對path環境變數加入D:\nodejs\node_global

npm如何安裝與配置

#一、測試NPM安裝vue.js

指令:npm install vue -g

這裡的-g是指安裝到global全域目錄去

npm如何安裝與配置

我們可以發現在global的目錄下找到了vue


npm如何安裝與配置

到這一步我們的npm就安裝配置好了

總結:以上就是這篇文章的全部了,希望對大家有幫助。

以上是npm如何安裝與配置的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

npm react 安裝報錯怎麼辦 npm react 安裝報錯怎麼辦 Dec 27, 2022 am 11:25 AM

npm react 安裝報錯怎麼辦

JavaScript套件管理器比較:Npm vs Yarn vs Pnpm JavaScript套件管理器比較:Npm vs Yarn vs Pnpm Aug 09, 2022 pm 04:22 PM

JavaScript套件管理器比較:Npm vs Yarn vs Pnpm

一文解析package.json和package-lock.json 一文解析package.json和package-lock.json Sep 01, 2022 pm 08:02 PM

一文解析package.json和package-lock.json

node無法用npm指令怎麼辦 node無法用npm指令怎麼辦 Feb 08, 2023 am 10:09 AM

node無法用npm指令怎麼辦

聊聊npm配置國內鏡像(淘寶鏡像) 聊聊npm配置國內鏡像(淘寶鏡像) Aug 09, 2022 pm 12:06 PM

聊聊npm配置國內鏡像(淘寶鏡像)

npm node gyp失敗怎麼辦 npm node gyp失敗怎麼辦 Dec 29, 2022 pm 02:42 PM

npm node gyp失敗怎麼辦

一文帶你了解npm的原理 一文帶你了解npm的原理 Aug 09, 2022 am 09:23 AM

一文帶你了解npm的原理

npm和node.js有關係嗎 npm和node.js有關係嗎 Jul 11, 2022 pm 06:00 PM

npm和node.js有關係嗎

See all articles