?作為前端攻城獅负懦,npm包管理是需要經(jīng)常使用的筒捺,封裝自己的組件包,方便使用是有必要的纸厉,僅記錄發(fā)布npm組件包的過程系吭,以備不時之需。
1颗品、首先需要有npm賬號肯尺,可以直接登錄官網(wǎng)https://www.npmjs.com/signup免費注冊,注冊后一定要進行郵箱驗證躯枢,否則后面進行組件包發(fā)布時候會提示403錯誤则吟,讓進行郵箱核準。
2锄蹂、在本地新建一個項目氓仲,在cmd里輸入命令進入項目文件夾;
3败匹、使用npm init 命令初始化當(dāng)前項目信息寨昙,需要填寫的信息是:? ?
"name":?"#####",?????????????//包的名稱??
??"version":?"1.0.0",????????//版本號??
??"description":?"僅供測試,別下載",????//包的描述??
??"main":?"index.js",????????????????????//文件入口掀亩,默認是index.js舔哪,可修改??
??"scripts":?{??
????"test":?"echo?\"Error:?no?test?specified\"?&&?exit?1"????//測試命令,可以不填直接回車??
??},??
??"keywords":?[??
????"測試"????????????????????????????????????????//項目關(guān)鍵詞槽棍,供搜索??
??],??
??"author":?"###",????????????????????????????//作者名稱??
??"license":?"ISC",????????????????????????????//包遵循的開源協(xié)議捉蚤,默認是ISC??
??"dependencies":?{}??
????????也可以添加完項目名稱和版本號后一路回車,知道出現(xiàn)炼七,is this OK缆巧?回車后回到文件夾,會多出來一個package.json豌拙,里面就是剛才填寫的信息陕悬。
4、npm 賬號登錄按傅,用戶名捉超,郵箱,密碼
????? ? 5唯绍、使用npm? publish發(fā)布組件包拼岳,發(fā)布成功后,會顯示况芒,
????????發(fā)布后可以在官網(wǎng)搜索項目名稱(如vue_cherry)惜纸,
????? ? 6、測試已經(jīng)發(fā)布的包,新建文件夾耐版,通過命令npm install chrry_test安裝組件包祠够,打開文件后如下,
????????至此椭更,組件包確認上傳成功哪审。