1. 程式人生 > >Ajax+Node.js前後端交互最佳入門實踐(02)

Ajax+Node.js前後端交互最佳入門實踐(02)

依賴包 編譯 開發 brush 項目上線 .net 如果 webp 圖形界面

2.NPM使用

2.1.NPM是什麽

NPM的全稱是Node Package Manager,是一個NodeJS包管理和分發工具,這裏要搞清楚包的概念,通俗的說,包就是具有一定功能的工具(軟件),本質上呢這些包就是很多文件的集合,例如下圖就是一個包:

技術分享圖片

這個包的作用就是將ES6的代碼轉換成ES5的代碼,這個包我們在後面的webpack課程中會講到,總之,你要明白的第一個概念就是包就是一些文件組成的,其實就是我們寫的具有一定功能的源碼文件

如果你理解了包的概念,那麽NPM包管理器就很容易理解了,既然叫包管理器,那麽就是用來管理和分發這些包的,本質上這個包管理器也是一個工具,由一些源碼文件組成,隨著Node.js的安裝而安裝在了你的電腦上,這個工具你可以認為就是一個小軟件,這個小軟件和百度雲盤有點類似,可以管理你的文件(上傳、下載、刪除等),但是這個小軟件和百度雲盤不同的就是,它是通過命令行的方式操作的,而百度雲盤有圖形界面

技術分享圖片

2.2.如何使用NPM

npm通過命令行的方式來管理包,常用的命令如下:

1 初始化項目

npm init

  

這條命令運行後,會在項目文件夾下生成一個package.json的文件,記錄一些關於項目的信息,如果加上 -y 參數,表示默認所有配置項目

npm inint -y

  

2 安裝包
npm install  包名稱 --save-dev

  

實例:安裝jquery

npm install jquery --save

  

其中,jquery就是非常著名的庫,--save表示安裝的是項目依賴包,你可以理解為項目上線以後還需要使用的包,我們就用加 --save這個參數,如果一些開發的時候輔助開發的工具,我們需要用--save-dev來保存,例如:安裝babel-cli

npm install bable-cli  --save-dev

  

註意:babel是一個編譯轉換工具 把ES6代碼轉換成ES5代碼的

--save 和 --save-dev 它們記錄包的位置也不一樣,在package.json文件中,它們的記錄的位置如下圖:

技術分享圖片

Ajax+Node.js前後端交互最佳入門實踐(02)