国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

包管理工具:npm、yarn、cnpm、npx、pnpm

這篇具有很好參考價(jià)值的文章主要介紹了包管理工具:npm、yarn、cnpm、npx、pnpm。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

yarn:

? yarn是由Facebook(react)、Google、Exponent 和 Tilde 聯(lián)合推出了一個(gè)新的 JS 包管理工具;
? yarn 是為了彌補(bǔ)早期npm 的一些缺陷而出現(xiàn)的;
? 早期的npm存在很多的缺陷,比如安裝依賴速度很慢、版本依賴混亂等等一系列的問(wèn)題;
? 雖然從npm5版本開(kāi)始,進(jìn)行了很多的升級(jí)和改進(jìn),但是依然很多人喜歡使用yarn;

-g安裝后,進(jìn)行全局的環(huán)境配置,Windows的終端也可以使用

包管理工具:npm、yarn、cnpm、npx、pnpm,npm,前端,node.js

?包管理工具:npm、yarn、cnpm、npx、pnpm,npm,前端,node.js

?添加腳本:yarn/npm run build?

c(china)npm

? 由于一些特殊的原因,某些情況下我們沒(méi)辦法很好的從 https://registry.npmjs.org下載下來(lái)一些需要的包。
? 查看npm鏡像:

npm config get registry # npm config get registry
? 我們可以直接設(shè)置npm的鏡像:

npm config set registry https://registry.npm.taobao.org
? 但是對(duì)于大多數(shù)人來(lái)說(shuō),并不希望將npm鏡像修改了:
? 第一,不太希望隨意修改npm原本從官方下來(lái)包的渠道;
? 第二,擔(dān)心某天淘寶的鏡像掛了或者不維護(hù)了,又要改來(lái)改去;
? 這個(gè)時(shí)候,我們可以使用cnpm,并且將cnpm設(shè)置為淘寶的鏡像:

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm config get registry # https://r.npm.taobao.org/

npm

? npx是npm5.2之后自帶的一個(gè)命令。
? npx的作用非常多,但是比較常見(jiàn)的是使用它來(lái)調(diào)用項(xiàng)目中的某個(gè)模塊的指令。


? 我們以webpack為例:
? 全局安裝的是webpack5.1.3
? 項(xiàng)目安裝的是webpack3.6.0


? 在終端執(zhí)行 webpack --version使用的是哪一個(gè)命令呢?
? 顯示結(jié)果會(huì)是 webpack 5.1.3,事實(shí)上使用的是全局的,為什么呢?
? 原因非常簡(jiǎn)單,在當(dāng)前目錄下找不到webpack時(shí),就會(huì)去全局找,并且執(zhí)行命令;

? 那么如何使用項(xiàng)目(局部)的webpack,常見(jiàn)的是兩種方式:
? 方式一:明確查找到node_module下面的webpack

./node_modules/.bin/webpack --version
? 方式二:在 scripts定義腳本,來(lái)執(zhí)行webpack;
? 方式一:在終端中使用如下命令(在項(xiàng)目根目錄下)
? 方式二:修改package.json中的scripts

"scripts": {
"webpack": "webpack --version"
}
? 方式三:使用npx

npx webpack --version
? npx的原理非常簡(jiǎn)單,它會(huì)到當(dāng)前目錄的node_modules/.bin目錄下查找對(duì)應(yīng)的命令;
局部命令的執(zhí)行

包管理工具:npm、yarn、cnpm、npx、pnpm,npm,前端,node.js

?pnpm

包管理工具:npm、yarn、cnpm、npx、pnpm,npm,前端,node.js

?? 當(dāng)使用 npm 或 Yarn 時(shí),如果你有 100 個(gè)項(xiàng)目,并且所有項(xiàng)目都有一個(gè)相同的依賴包,那么, 你在硬盤上就需要保存 100 份該相同依賴包的副本。


? 如果是使用 pnpm,依賴包將被 存放在一個(gè)統(tǒng)一的位置,因此:
? 如果你對(duì)同一依賴包使用相同的版本,那么磁盤上只有這個(gè)依賴包的一份文件;
? 如果你對(duì)同一依賴包需要使用不同的版本,則僅有 版本之間不同的文件會(huì)被存儲(chǔ)起來(lái);
? 所有文件都保存在硬盤上的統(tǒng)一的位置:
? 當(dāng)安裝軟件包時(shí), 其包含的所有文件都會(huì)硬鏈接到此位置,而不會(huì)占用 額外的硬盤空間;
? 這讓你可以在項(xiàng)目之間方便地共享相同版本的 依賴包;


? 當(dāng)使用 npm 或 Yarn Classic 安裝依賴包時(shí),所有軟件包都將被提升到 node_modules 的 根目錄下。
? 其結(jié)果是,源碼可以訪問(wèn)本不屬于當(dāng)前項(xiàng)目所設(shè)定的依賴包,可能訪問(wèn)依賴項(xiàng)的依賴項(xiàng)

包管理工具:npm、yarn、cnpm、npx、pnpm,npm,前端,node.js

pnpm創(chuàng)建非扁平的 node_modules 目錄

包管理工具:npm、yarn、cnpm、npx、pnpm,npm,前端,node.js?

包管理工具:npm、yarn、cnpm、npx、pnpm,npm,前端,node.js

?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-557557.html

到了這里,關(guān)于包管理工具:npm、yarn、cnpm、npx、pnpm的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 前端命令npm 、 cnpm、 pnpm、yarn 、 npx、nvm的區(qū)別

    大名鼎鼎的 npm (Node Package Manager)是隨同NodeJS一起安裝的包管理工具,NPM本身也是Node.js的一個(gè)模塊。 npm的含義有兩層: npm服務(wù)器,npm服務(wù)器網(wǎng)址為https://www.npmjs.org,npm是 Node 包的標(biāo)準(zhǔn)發(fā)布平臺(tái),用于 Node 包的發(fā)布、傳播; npm包管理器,指在命令行窗口或終端使用npm命令來(lái)管理

    2024年02月11日
    瀏覽(57)
  • 記錄--npm, npx, cnpm, yarn, pnpm梭哈

    記錄--npm, npx, cnpm, yarn, pnpm梭哈

    依賴管理解決了在軟件開(kāi)發(fā)過(guò)程中管理和協(xié)調(diào)各種依賴項(xiàng)的問(wèn)題,簡(jiǎn)化了開(kāi)發(fā)流程,提高了項(xiàng)目的可靠性、可維護(hù)性和可重復(fù)性。它們幫助開(kāi)發(fā)人員更高效地管理項(xiàng)目的依賴關(guān)系,減少了潛在的錯(cuò)誤和沖突,并提供了更好的開(kāi)發(fā)體驗(yàn)。 在 JavaScript 生態(tài)系統(tǒng)中,有多種工具可用

    2024年01月22日
    瀏覽(65)
  • npx和npm有什么區(qū)別,包管理器yarn的使用方法,node的版本管理工具nvm使用方法

    一、npx介紹及使用 平時(shí)安裝node模塊的時(shí)候,經(jīng)常使用的命令是npm。其實(shí)還有另外一個(gè)命令,叫做npx。網(wǎng)上的說(shuō)法都是:npx是npm命令的升級(jí)版本,功能非常強(qiáng)大。 1、npx 是什么 npx是一個(gè)由Node.js官方提供的用于快速執(zhí)行npm包中的可執(zhí)行文件的工具。它可以幫助我們?cè)诓蝗职惭b

    2024年01月16日
    瀏覽(35)
  • 前端包管理器的工具,npm和Yarn以及pnpm是最常用的

    ?? 點(diǎn)贊,你的認(rèn)可是我創(chuàng)作的動(dòng)力! ?? 收藏,你的青睞是我努力的方向! ?? 評(píng)論,你的意見(jiàn)是我進(jìn)步的財(cái)富! 前端包管理器是用于管理前端項(xiàng)目依賴項(xiàng)(如庫(kù)、框架和工具)的工具。它們有助于確保項(xiàng)目的依賴項(xiàng)始終保持最新、可維護(hù)和可復(fù)制。以下是一些常用的前

    2024年02月07日
    瀏覽(27)
  • “yarn“、“npm“、“cnpm“和“pnpm“的區(qū)別

    npm(Node Package Manager)是Node.js的默認(rèn)包管理器。它是一個(gè)全球最大的開(kāi)源軟件注冊(cè)表,擁有數(shù)量龐大的包供開(kāi)發(fā)者使用。npm具有廣泛的生態(tài)系統(tǒng)和大量的社區(qū)支持。 軟件包數(shù)量龐大,幾乎包含了所有常見(jiàn)的開(kāi)源庫(kù)和工具。 社區(qū)活躍,有大量的文檔、教程和支持。 可以方便地

    2024年02月11日
    瀏覽(38)
  • npm yarn pnpm npx nvm 命令怎么區(qū)分怎么用

    npm yarn pnpm npx nvm 命令怎么區(qū)分怎么用

    參數(shù) - install:安裝一個(gè)或多個(gè)包。例如:npm install 。 uninstall:卸載一個(gè)包。例如:npm uninstall 。 update:更新一個(gè)或多個(gè)包的版本。例如:npm update 。 list:列出當(dāng)前項(xiàng)目中已安裝的包。例如:npm list。 init:初始化一個(gè)新的 npm 項(xiàng)目。例如:npm init。 run:運(yùn)行指定的 npm 腳本。

    2024年02月11日
    瀏覽(25)
  • node中pnpm cnpm npm 的區(qū)別

    node中pnpm cnpm npm 的區(qū)別

    總結(jié)起來(lái): npm 是基礎(chǔ)和廣泛使用的標(biāo)準(zhǔn)包管理器。 cnpm 是針對(duì)特定地區(qū)網(wǎng)絡(luò)問(wèn)題提供的 npm 鏡像服務(wù)客戶端,專注于提升下載速度。 pnpm 是一個(gè)創(chuàng)新的包管理器,關(guān)注于資源優(yōu)化、安裝速度提升以及解決依賴沖突問(wèn)題。

    2024年01月19日
    瀏覽(30)
  • 你真的知道 NPM、Yarn 與 PNPM 這三個(gè)前端包管理器之間的區(qū)別嗎?

    你真的知道 NPM、Yarn 與 PNPM 這三個(gè)前端包管理器之間的區(qū)別嗎?

    在當(dāng)代的Web開(kāi)發(fā)過(guò)程中,JavaScript項(xiàng)目的構(gòu)建離不開(kāi)各種外部依賴,無(wú)論是實(shí)用的庫(kù)、輔助工具還是其他類型的資源。這些依賴項(xiàng)的管理,已經(jīng)成為了開(kāi)發(fā)者日常不可或缺的一部分。NPM、Yarn和PNPM這三個(gè)包管理器,就像是開(kāi)發(fā)者的得力助手,它們?cè)陧?xiàng)目開(kāi)發(fā)中扮演著至關(guān)重要的

    2024年04月13日
    瀏覽(23)
  • 【node】關(guān)于npm、yarn、npx的區(qū)別與使用

    用途: npm 是 Node.js 官方提供的包管理工具,用于安裝、管理和分享 JavaScript 代碼包。 安裝依賴: 可以通過(guò) npm install 安裝項(xiàng)目依賴,例如: npm install package-name 。 運(yùn)行腳本: 可以在 package.json 文件中定義腳本,通過(guò) npm run script-name 執(zhí)行腳本。 版本管理: 提供版本管理,可以

    2024年01月25日
    瀏覽(92)
  • 包管理工具那么多,怎么選?npm、yarn 和 pnpm 三者比較及使用詳解!

    在 Vue 項(xiàng)目中,我們需要使用許多第三方依賴庫(kù),如 Vue Router、Vuex、Axios、Element UI 等等。這些依賴庫(kù)通常以 NPM 包的形式提供,而且在使用時(shí)需要進(jìn)行版本管理。因此,我們需要使用一個(gè)包管理工具來(lái)統(tǒng)一管理這些依賴庫(kù),避免版本沖突和管理繁瑣。 常見(jiàn)的 Vue 項(xiàng)目包管理工

    2024年02月07日
    瀏覽(116)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包