1.開發(fā)環(huán)境
- NodeJS
- NPM
- Webpack
2.NodeJS
2.0 安裝NodeJS
- Windows：可以直接在官網(wǎng)下載安裝包
- MacOS：可以使用brew（the missing package manager）
2.1 NodeJS版本管理
NodeJS有穩(wěn)定版和開發(fā)版潜的，不同的項(xiàng)目鳞芙，需要的NodeJS版本可能也不同月培，可以使用版本管理工具來切換所需版本。
- Windows：nvm-windows、tnvm
- MacOS：模塊n
2.2 NodeJS包管理工具
JS包管理平臺npmjs.com线梗，我們可以直接使用包管理工具來安裝和下載對應(yīng)的包；我們也可以免費(fèi)注冊一個賬號，發(fā)布自己的公共包和私有包供其他人使用答毫。
NPM是圍繞語義版本控制（semver）思想而設(shè)計(jì)的。
版本格式：主版本號.次版本號.修訂號季春，版本號遞增規(guī)則如下：
主版本號：當(dāng)你做了不兼容的 API 修改洗搂，
次版本號：當(dāng)你做了向下兼容的功能性新增，
修訂號：當(dāng)你做了向下兼容的問題修正载弄。
NPM使用package.json的文件作為一個NPM包的描述文件耘拇，package.json包含了包的基本信息（名稱、版本號宇攻、描述惫叛、作者等）和依賴關(guān)系。
3.NPM的常用命令
3.1 安裝和刪除
// 安裝至 dependencies
$ npm install packageName
$ npm install packageName@x.x.x
// 安裝至 dependencies 簡寫
$ npm i packageName
$ npm i packageName@x.x.x
// 安裝至devdependencies
$ npm install packageName --save-dev
// 安裝至 devdependencies 簡寫
$ npm i packageName -D
// 刪除NPM包
$ npm uninstall packageName
3.2 本地模式和全局模式
- NPM包安裝分
本地模式和全局模式逞刷。- 本地模式安裝
npm install ...嘉涌。 - 全局模式安裝
npm install --global ...，可以簡寫為-g夸浅。
- 本地模式安裝
- NodeJS在查找依賴的時(shí)候仑最，會優(yōu)先查找當(dāng)前文件的
node_modules（本地模式安裝的包），如果沒有帆喇，則循環(huán)遍歷上層的node_modules警医，如果遍歷到根目錄還不到，則會使用全局模式安裝的模塊坯钦。
3.3 初始化一個NPM項(xiàng)目
$ npm init
以上初始化語句會生成一個新的package.json文件预皇。
3.4 設(shè)置NPM鏡像
3.4.1 單次鏡像
$ npm [命令] --registry=https://registry.npm.taobao.org
3.4.2 默認(rèn)使用淘寶鏡像
$ npm config set registry https://registry.npm.taobao.org
3.5 NPM其他常用命令
- npm set：設(shè)置環(huán)境變量。
npm set init-author-name 'Your name'婉刀，初始化的時(shí)候會使用默認(rèn)環(huán)境變量吟温。 - npm info：查看某個包的信息。
npm info lodash路星。 - npm search：查找NPM倉庫溯街。
npm search webpack诱桂。 - npm list：樹形展現(xiàn)當(dāng)前項(xiàng)目安裝的所有模塊，以及對應(yīng)的依賴呈昔。
3.6 NPM Scripts
NPM不僅可以用于模塊管理挥等，還可以用于執(zhí)行腳本。
在scripts中添加字段堤尾，用于指定腳本命令肝劲，供NPM直接調(diào)用。
// package.json
{
"scripts": {
"build": "webpack",
"serve": "node src/scripts/dev.js"
}
}
接下去可以使用以下命令
npm run buildnpm run serve
4.Webpack-cli
4.1 項(xiàng)目內(nèi)安裝（推薦）
$ npm install webpack-cli --save-dev
4.2 全局安裝
$ npm install -g webpack-cli
