如圖有一個(gè)dome—1文件夾里面有一個(gè)index.js和a.js

image.png

index代碼如下

//當(dāng)前文件的執(zhí)行
var a=1
console.log(a) 

//引用自己寫好的模塊（a.js）
var sayHello = require('./a')  
sayHello('zeeliu') 

//引用別人寫好的模塊
var marked =require('marked')
var str=marked('#你好') 
console.log(str)

首先去掉引用別人和自己模塊的代碼 如下圖

image.png

用終端cd到dome-1目錄下然后下面的代碼執(zhí)行 node index.js

node index.js //用來執(zhí)行一個(gè)js文件

如圖能打印出1來 如下圖

image.png

接下來引用自己的模塊（完善a.js文件）

index應(yīng)用a.js

image.png

a.js中的內(nèi)容

image.png

執(zhí)行 node index.js

image.png

a.js也能打印出來 這就是node的模塊化引用

引用別人的模塊（從npm下載依賴包使用）

接下來我們要使用marked；這是一個(gè)復(fù)雜的功能且網(wǎng)上有很多別人上傳的包；所以就沒必要自己寫了。

步驟如下

首先在npm官網(wǎng)搜索你需要的工具；找到工具的名稱（npm上傳包不能同名所以下載的時(shí)候也是根據(jù)名稱下載）

下載到當(dāng)前目錄下面(例如找到的工具名稱為‘marked’)

npm install marked //安裝在當(dāng)前目錄而非全局

如果是初次下載工具你會(huì)發(fā)現(xiàn)報(bào)錯(cuò)如下圖（saveError--保存錯(cuò)誤）

image.png

這里是因?yàn)樵撐募A沒有初始化

文件夾初始化是我們制作自己的包并且上傳到npm上的第一步所以在【了解npm和node中】那一篇博客會(huì)詳解

npm init //初始化

所以這里我們初始化連續(xù)回車此時(shí)dome-1文件夾里面多了個(gè)package.json文件如下圖:(里面的參數(shù)這里不做討論package.json)

在執(zhí)行

npm install marked

image.png

此時(shí)dome-1文件夾里面就有一個(gè)node_modules文件夾（以后這個(gè)項(xiàng)目下載的依賴都在這里面）里面就有marked工具

這是我們根據(jù)marked作者文檔里面提供的方法在index.js文件里面寫入代碼并執(zhí)行

image.png

以上就是通過npm下載第三方的包在項(xiàng)目中使用

下一文就是怎么做自己的包且上傳給別人用；