成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

zhangke3016 / 2640人閱讀

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

前言

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

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

package-lock.json:
package-lock.json中固定依賴包的版本到當(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)存在包，如果無則安裝，如果有無論遠(yuǎn)程倉庫有沒有最新版本都不安裝，若希望無論是否存在都重新安裝，則強(qiáng)制安裝：npm　install （包名） --f/--force

1.1 全局安裝：

npm install < packageName> -g  || -global

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

1.2 本地安裝：

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

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

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

-dev 將安裝包信息寫入devDependencies字段中，如果不使用-dev則信息寫入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ī)制：先查詢遠(yuǎn)程倉庫最新版本，再查詢本地版本，若不是最新則更新

2.2查看npm的幫助

$ npm help

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

$ npm list

2.4 初始化 package.json 文件

npm init

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

3、淘寶鏡像cnpm

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

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

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

cnpm -v
4、npm與yarn

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

待續(xù)

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0條評(píng)論

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