介紹下這款明星工具, npm? ??
npm 目前最活躍的javascript軟件包管理系統(tǒng)朱躺。
使用別人寫好的npm包
安裝npm包
npm install xxx -g 全局安裝
npm install xxx -save 本地安裝
npm install xxx -S? 本地項(xiàng)目依賴的包
npm install xxx -D? 本地工具包 不需要打包到項(xiàng)目文件里
更新npm包
npm update xxx
卸載npm包
npm uninstall xxx
自己編寫npm包
創(chuàng)建一個(gè)npm包, 首先需要?jiǎng)?chuàng)建一個(gè)package.json文件, 這個(gè)文件需要嚴(yán)格的JSON格式
npm init 可以動(dòng)態(tài)創(chuàng)建一個(gè)package.json的文件
如果不想一直回車可以添加-y 使用默認(rèn)配置
npm init -y
發(fā)布你的npm包
首先你需要在npm的官網(wǎng)去注冊(cè)一個(gè)npm賬號(hào).
然后npm publish去發(fā)布你完成的包,? 也可以使用npm whoami 來查詢當(dāng)前登錄的用戶
說一些好玩的scripts里面的配置坏平， 這里的npm內(nèi)置配置都會(huì)自動(dòng)調(diào)用
prepare 在npm包發(fā)布之前會(huì)自動(dòng)調(diào)用
publish 在npm包發(fā)布之后自動(dòng)調(diào)用
preinstall 在npm包install之前調(diào)用
install 在npm包install之后調(diào)用
{
? ? "scripts": {
? ? ?? "prepare": "npm version patch", //在npm包發(fā)布之前會(huì)自動(dòng)調(diào)用更新npm包版本
? ? }
}
更新你的npm包
當(dāng)你更新你的npm包文件之后, 需要使用npm的一些命令來更新你的npm包版本號(hào)
npm version patch 將會(huì)基于你當(dāng)前的版本號(hào)加1? eg v1.0.1 -> v1.0.2
測(cè)試自己的包
在完成的包中使用npm install . -g來安裝自己的包到全局
或者使用npm link 來測(cè)試自己的包, npm link的使用有兩步聚凹，
cd進(jìn)入到包所在的目錄， npm link
在使用npm包的項(xiàng)目中, npm link 包名字
npm配置
package.json的小世界
{
?? "name": "包名字",
?? "version": "v1.0.0",
?? "description": "描述",
?? "main": "index.js", // 程序的入口
?? "scripts": { ?? // 可以定義一系列腳本
? ? ?? "build": "webpack" // 可以通過 npm run build 來使用
?? },
?? "keywords": ["console"], //關(guān)鍵字
?? "author": "作者名字",
?? "license": "ISC",
?? "homepage": "主頁,可以在這里介紹你的包",
?? "dependencies": {},? // 你的包依賴的其他包? 使用-S安裝到這里 -S是--save的簡(jiǎn)寫
?? "devDependencies": {}, //工具包, 用來打包,測(cè)試你的包, 使用-D安裝到這里 -D是--save-dev簡(jiǎn)寫
}
