首先創(chuàng)建項目目錄，在其中創(chuàng)建一個src目錄，將JavaScript的代碼文件放在src目錄下。此時的目錄結(jié)構(gòu)如下：

project
|_ src
|___ main.js

NPM介紹

Node Package Manager(NPM) 是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：

• 允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用。
• 允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行程序到本地使用。
• 允許用戶將自己編寫的包或命令行程序上傳到NPM服務(wù)器供別人使用。

使用NPM初始化項目

在項目跟目錄下運行npm init, 此時跟目錄下生成了一個package.json文件，package.json文件包含以下信息：

• 元數(shù)據(jù) —— 包括項目名稱，描述，作者等信息
• 項目需要的node package —— 當(dāng)其他開發(fā)人員需要運行你的代碼時，npm可以根據(jù)package.json文件去下載package
• 命令行腳本的鍵值對 —— 可以通過npm來使用速記腳本開完成一些操作

輸入npm init并回車后，命令行會提示用戶填寫一些項目的元數(shù)據(jù)信息，可以填寫或者跳過，建議至少填寫project title和description。在創(chuàng)建package.json文件時，npm會將這些填入的值或者默認(rèn)值寫入文件中。

安裝node package

使用npm install命令來安裝package，該命令會創(chuàng)建一個node_modules目錄并將package文件拷貝到目錄下。npm install命令同時也會安裝package相關(guān)的所有依賴。

比如安裝Babel（JavaScript庫，用于將使用ES6編寫的代碼轉(zhuǎn)編譯為ES5語法的代碼），通過命令行運行如下命令：

$ npm install babel-cli -D
$ npm install babel-preset-env -D

-D選項將所要安裝的package寫入到package.json文件的devDependencies中，這樣當(dāng)其他開發(fā)人員想要運行你的代碼時，可以直接通過npm install命令來安裝相關(guān)的package。

運行npm install命令后，目錄結(jié)構(gòu)變?yōu)槿缦滤荆?/p>

project
|_ node_modules
|___ .bin
|___ ...
|_ src
|___ main.js
|_ package.json

其中…代表所下載的多個package文件。

運行自己定制的腳本

繼續(xù)上面的例子，使用Babel來將ES6+代碼轉(zhuǎn)為ES5代碼。

設(shè)置babel的版本信息

在根目錄下創(chuàng)建一個.babelrc文件，在其中加入：

{
 "presets": ["env"]
}

其中env代表轉(zhuǎn)換ES6和更高版本的源代碼。

創(chuàng)建運行babel的速記腳本

在package.json文件的scripts屬性中加入鍵值對：

"build": "babel src -d lib"

其中src為要轉(zhuǎn)換的文件目錄，-d將轉(zhuǎn)換后的代碼寫到一個目錄中，lib存放轉(zhuǎn)換后代碼的目錄名稱。

運行babel

然后就可以通過命令行來運行轉(zhuǎn)編譯命令：

npm run build

運行后便可在lib目錄下查看結(jié)果