安裝了
Nodejs
之後,NPM
也安裝好了
如何知道當前是否已經安裝Nodejs和NPM了呢?
node -v //檢視當前nodejs的版本
npm -v //檢視當前npm的版本
NPM 初始化
npm init //用於在當前目錄下建立一個package.json
NPM 安裝(模組)
// 全域性安裝,一般用於安裝全域性工具(例如:vue-cli等,公用的模組)
npm install -g packageName
// 區域性安裝,分為生產環境和開發環境
npm install packageName --save //生產環境依賴的模組,會新增條目到package.json的dependencies中
npm install packageName --save-dev //開發環境依賴的模組,會新增條目到package.json的devDependencies中
// 根據package.json,安裝模組
npm install
NPM 更新
npm update // 更新所有區域性模組
npm update -g // 更新所有全域性模組
npm update -g pkg // 更新全域性某模組
npm update pkg // 更新區域性某模組
NPM 刪除
npm uninstall -g <package> // 解除安裝全域性軟體包
npm uninstall <package> // 從node_modules目錄中移除一個包
npm uninstall --save <package> // 從package.json的dependencies中移除一個包。
npm uninstall --save-dev <package> // 從package.json的devDependencies中移除一個包。
模組化規範
目前JS模組化開發標準有四種:AMD、CMD、CommonJS、ES6
Nodejs端
使用的模組化開發規範就是CommonJS
前端
使用的模組化開發規範就是AMD、CMD、ES6
注意:
AMD、CMD基本沒用了
- CommonJS 規範
// 匯出(2種方法)
// 第一種
module.exports = {
`name` = `wutao`
}
// 第二種
exports.name = `wutao`;
// 匯入
var a = require(`./a`);
- ES6 規範
// 匯出
export const sqrt = Math.sqrt;
export function square(x) {
return x * x;
}
export function add (x, y) {
return x + y;
}
export {
v1 as streamV1,
v2 as streamV2,
v2 as streamLatestVersion
}
export default 123;
export default function() {...};
// 匯入
import { square, add } from `lib`;
import * as lib from `lib`;
import myFunc from `myFunc`;