前端的標配:npm是什么及其安裝(含cnpm)


 

前端的標配:npm是什么及其安裝

一:npm是什么及其來源

參考來源:npm是干什么的

總結:不需要去相關的網站下載依賴,用一個工具把這些依賴集中起來管理

 

 

NPM 的思路大概是這樣的:

 

1)買個服務器作為代碼倉庫(registry),在里面放所有需要被共享的代碼

 

2)發郵件通知 jQuery、Bootstrap、Underscore 作者使用 npm publish 把代碼提交到 registry 上,分別取名 jquery、bootstrap 和 underscore(注意大小寫)

 

3)社區里的其他人如果想使用這些代碼,就把 jquery、bootstrap 和 underscore 寫到 package.json 里,然后運行 npm install ,npm 就會幫他們下載代碼

 

4)下載完的代碼出現在 node_modules 目錄里,可以隨意使用了。

這些可以被使用的代碼被叫做「包」(package),這就是 NPM 名字的由來:Node Package(包) Manager(管理器)。

 

二:下載及安裝

下載地址:  https://nodejs.org/en/download/

下載后一路 next 記得換自己想保存的路徑即可~

安裝完成后,通過npm -v查看版本即可

 

三:修改npm配置

新建兩個文件夾

 

我們來更改默認的全局下載目錄(C:\Users\Administrator\AppData\Roaming\npm\node_modules)避免C盤變大

打開配置

npm config list

設置 prefix 即全局路徑

npm config set prefix "路徑"

查看全局路徑

npm config get prefix

cache同理,注意修改下命令

 

四:npm i 和npm install的區別

1)用npm i安裝的模塊沒辦法使用npm uninstall刪除,必須使用npm uninstall i才能卸載掉
2)npm i會幫助檢測與當前node版本最匹配的npm包版本號,並匹配出相互依賴的npm包應該提升的版本號
3)部分npm包在當前node版本下無法使用,必須使用建議版本
4)安裝報錯時intall會出現npm-debug.log 文件,npm i不一定會出現
5)npm install能生成package.lock.json文件,而npm i不能

建議使用npm install命令

 五:安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v

不慌!!!!,配置下環境變量

在path里面丟下 F:\develop\miscellaneous\nodejs\npm\node_global(剛才的全局路徑即可)

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM