亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

前端構(gòu)建工具（2） -- npm&yarn

zhangke3016 / 2687人閱讀

摘要：如果使用了代表代表，則跳過(guò)提問(wèn)階段，直接生成一個(gè)新的文件。

前言

簡(jiǎn)介:
node的包管理器,它隨nodejs一起安裝，即你安裝了nodejs就可以用npm進(jìn)行包管理，通過(guò)npm可以從npm服務(wù)器下載別人上傳的第三方庫(kù)，下載并安裝別人上傳的命令行程序，上傳自己寫(xiě)的第三方庫(kù)和命令行程序
可用npm -v查看npm版本號(hào)確定npm是否可用，如果npm版本過(guò)低，可以使用npm -install npm -g 進(jìn)行升級(jí)

package.json：
package.json是項(xiàng)目的配置文件，npm會(huì)按照package.json中的配置進(jìn)行包的安裝和更新，package中有內(nèi)容主要是項(xiàng)目名稱(chēng)name,版本version,擁有者author,證書(shū)license,依賴(lài)dependencies,開(kāi)發(fā)環(huán)境依賴(lài)devdependencies等,更新包時(shí)，每次都按照package.json都下載大版本相同的最新包

package-lock.json:
package-lock.json中固定依賴(lài)包的版本到當(dāng)前所用的包版本號(hào)，而不是只固定大版號(hào)，這樣可以避免有些包雖然大版本號(hào)相同，但是接口不兼容。

1、 安裝包

1.0 安裝

$ npm install  
$ npm install  --force
$ npm install  [-g||-global]  [--save -dev]

機(jī)制：安裝前npm　install會(huì)先檢查node_modules目錄里是否已經(jīng)存在包，如果無(wú)則安裝，如果有無(wú)論遠(yuǎn)程倉(cāng)庫(kù)有沒(méi)有最新版本都不安裝，若希望無(wú)論是否存在都重新安裝，則強(qiáng)制安裝：npm　install （包名） --f/--force

1.1 全局安裝：

npm install < packageName> -g  || -global

參數(shù) -g / -global 代表安裝到全局環(huán)境中，即包安裝在Node安裝目錄下的node_modules文件夾中，一般在 Users用戶(hù)名AppDataRoaming pm ode_modules,并且寫(xiě)入系統(tǒng)環(huán)境變量，可以通過(guò)命令行在任何位置調(diào)用它，一般全局安裝的是有命令行需求的packge

1.2 本地安裝：

npm install package-name || npm install package-name --save -dev

本地安裝，包安裝在當(dāng)前定位目錄的node_modules文件夾下，通過(guò)require()調(diào)用，一般安裝在本地的是僅該項(xiàng)目需要的包

參數(shù)--save 的含義是代表把你的安裝包信息寫(xiě)入package.json文件

-dev 將安裝包信息寫(xiě)入devDependencies字段中，如果不使用-dev則信息寫(xiě)入Dependencies字段中

注：使用packge.json是因?yàn)閚pm安裝的包很大，所以不加入版本管理，將包版本信息加入package.json進(jìn)行版本管理，npm根據(jù)該信息進(jìn)行包版本管理

1.3 package-lock.json
執(zhí)行npm install 的時(shí)候之后項(xiàng)目中會(huì)增加一個(gè)package.json文件

2、 其余常用命令行

2.1 更新已經(jīng)安裝包

$ npm update

機(jī)制：先查詢(xún)遠(yuǎn)程倉(cāng)庫(kù)最新版本，再查詢(xún)本地版本，若不是最新則更新

2.2查看npm的幫助

$ npm help

2.3 查看已經(jīng)安裝的包列表

$ npm list

2.4 初始化 package.json 文件

npm init

初始化生成一個(gè)新的 package.json 文件。它會(huì)向用戶(hù)提問(wèn)一系列問(wèn)題，如果你覺(jué)得不用修改默認(rèn)配置，一路回車(chē)就可以了。如果使用了 -f（代表force）、-y（代表yes），則跳過(guò)提問(wèn)階段，直接生成一個(gè)新的package.json 文件。

3、淘寶鏡像cnpm

npm 安裝包的過(guò)程就是從http://registry.npmjs.org網(wǎng)站 上進(jìn)行下載和安裝，但是用于該網(wǎng)站在國(guó)外，國(guó)內(nèi)進(jìn)行安裝速度一般比較慢，所以淘寶團(tuán)隊(duì)搭建了一個(gè)鏡像服務(wù)器http://npm.taobao.org ,該服務(wù)器每十分鐘進(jìn)行一次更新，完全復(fù)刻國(guó)外的服務(wù)器，但是不能上傳包，只能下載安裝更新
配置淘寶鏡像：

npm install cnpm -g -registy="http://npm.taobao.org"

配置完成之后可以用cnpm代替npm進(jìn)行安裝包，配置完后檢查是否配置成功

cnpm -v
4、npm與yarn

yarn誕生比較晚，但誕生之后就迅速受到熱捧，并在github上得到start超過(guò)npm,yarn一開(kāi)始是為了解決npm語(yǔ)義版本控制導(dǎo)致安裝不確定性的問(wèn)題

待續(xù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/94413.html

相關(guān)文章

  • (譯 &amp; 轉(zhuǎn)載) 2016 JavaScript 后起之秀

    摘要：在年成為最大贏家，贏得了實(shí)現(xiàn)的風(fēng)暴之戰(zhàn)。和他的競(jìng)爭(zhēng)者位列第二沒(méi)有前端開(kāi)發(fā)者可以忽視和它的生態(tài)系統(tǒng)。他的殺手級(jí)特性是探測(cè)功能，通過(guò)檢查任何用戶(hù)的功能，以直觀的方式讓開(kāi)發(fā)人員檢查所有端點(diǎn)。 2016 JavaScript 后起之秀 本文轉(zhuǎn)載自：眾成翻譯譯者：zxhycxq鏈接：http://www.zcfy.cc/article/2410原文：https://risingstars2016...

    darry 評(píng)論0 收藏0

  • 前端開(kāi)發(fā)環(huán)境如何搭建

    1、node環(huán)境與開(kāi)發(fā)工具準(zhǔn)備前端工程化開(kāi)發(fā)，本地啟動(dòng)開(kāi)發(fā)環(huán)境都是基于nodejs的，命令行里輸入指令node -v可以幫助確認(rèn)您的電腦上是否安裝了node，如果沒(méi)有安裝，則可以去 node官網(wǎng) 下載安裝包，如下圖所示： 不管是在windows還是在mac環(huán)境下，都是一鍵傻瓜式安裝，甚至連環(huán)境變量都不需要手動(dòng)配置，這里就不過(guò)多介紹了。2、開(kāi)發(fā)工具準(zhǔn)備前端的開(kāi)發(fā)工具，常見(jiàn)的有VSCode、WebS...

    社區(qū)管理員 評(píng)論0 收藏0

  • Yarn 構(gòu)建工具入門(mén)基礎(chǔ)

    摘要：就是一個(gè)類(lèi)似于的包管理工具，它是由推出并開(kāi)源。二的安裝用法和基本工作流安裝以為例你可以通過(guò)包管理工具安裝。在使用一個(gè)包之前，你需要執(zhí)行以下命令將其加入依賴(lài)項(xiàng)列表會(huì)被加入到文件中的依賴(lài)列表，同時(shí)也會(huì)被更新。 一、yarn的背景和介紹一直以來(lái)，我們?cè)诎惭b和管理依賴(lài)的時(shí)候基本上都會(huì)使用npm，npm是一個(gè)非常優(yōu)秀全面且廣受歡迎的包管理工具，它奠定了前端模塊化開(kāi)發(fā)的基石，為前端的發(fā)展做出了不可...

    tuniutech 評(píng)論0 收藏0

  • Laravel學(xué)習(xí)筆記三-前端工作流

    摘要：本節(jié)將學(xué)習(xí)是如何利用形成一套完整的前端工作流模式的。你也可以使用下面命令來(lái)強(qiáng)制安裝所有模塊，不管該模塊之前是否安裝過(guò)由于國(guó)內(nèi)墻的原因，使用安裝會(huì)非常緩慢，慢到想切，不過(guò)還好，我們可以使用淘寶提供的國(guó)內(nèi)鏡像進(jìn)行下載。 本節(jié)將學(xué)習(xí) Laravel 是如何利用 Sass, NPM, Gulp形成一套完整的前端工作流模式的。 一、句法強(qiáng)大的樣式表Sass Sass 是一種可用于編寫(xiě)CSS的語(yǔ)言...

    liuchengxu 評(píng)論0 收藏0

  • 解析ahooks整體架構(gòu)及React工具庫(kù)源碼

    　這是講 ahooks 源碼的第一篇文章，簡(jiǎn)要就是以下幾點(diǎn)：　　加深對(duì) React hooks 的理解?！　W(xué)習(xí)如何抽象自定義 hooks。構(gòu)建屬于自己的 React hooks 工具庫(kù)?！　∨囵B(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫(kù)是一個(gè)對(duì)源碼閱讀不錯(cuò)的選擇。　　注：本系列對(duì) ahooks 的源碼解析是基于v3.3.13。自己 folk 了一份源碼，主要是對(duì)源碼做了一些解讀，可見(jiàn)詳情?！　〉谝黄饕榻B a...

    3403771864 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<