## 前言
在nodejs大環境下,npm作為包管理工具風靡一時,作為前端開發者需要知道npm可以實現哪些操作,核心的機制是如何的。
## 快速入手
### 基本了解
* [npm官網地址](https://www.npmjs.com/)
* npm的運行環境是nodejs,默認nodejs安裝之后就可以執行npm命令,nodejs的安裝教程可以站內搜索或者百度搜索。
``` bash
$ npm -v
3.10.3
#全局安裝 ,建議全局安裝一次
$ npm i -g
#依賴安裝,根據項目里的模塊依賴情況
$ npm i --save-dev
```
* 模塊版本說明
^1.0.0 此主版本 1.x.x>=1.0.0
~1.0.0 主版本對,并且包括分支小版本 1.1.0>1.0.x>=1.0.0
\>1.0.0 安裝大于某個版本,默認等于版本的。
<1.0.0 安裝小于某個版本
### npm安裝某模塊
* npm也支持檢索,但是npm模塊太多,建議根據準確的模塊名稱直接安裝。
``` bash
#全局安裝某模塊
$ npm i packname -g
#全局安裝某模塊特定版本
$ npm i packname@1.0.0 -g
#依賴安裝某模塊
$ npm i packname --save-dev
```
### 發布與刪除模塊
* npm增加用戶,也可以官網注冊
``` bash
# 增加用戶
$ npm adduser
# 用戶登錄
$ npm login
```
* 模塊要想發布到npm倉庫,必須有package.json的包說明文件,其他不做具體要求,可根據自己的需要靈活開發私屬模塊。建議通過npm init來實現模塊包文件初始化。
``` bash
# 模塊初始化
$ npm init
# 發布模塊
$ npm publish [name]
# 刪除模塊
$ npm unpublish [name]
```
* 查看以及更新模塊
``` bash
#查看模塊詳情
$ npm info [name]
#更新模塊
$ npm update [name]
```
### 新建模塊簡易教程
* 模塊示例,發布模塊要符合cmd模塊規范。可以按照以下 步驟制定js模塊。
0. 代碼托管地址新建倉庫
1. 新建模塊文件夾,或者檢出倉庫地址,文件夾內寫主要入口文件index.js
2. 初始化包描述文件,填寫基本模塊信息
3. 添加許可證,說明文件等次要信息,必要時可以添加說明文檔,測試用例等
* 模塊主js文件參考
``` javascript
//當前模塊依賴的模塊
var re=require("m1");
# 模塊私有變量
var ab="";
// 模塊私有方法
function parse(){
#code here
};
//確定對外接口的變量 or方法
module.exports.ab=ab;
module.exports.parse=parse;
```
- 前端工程化
- 前端工程化技術棧
- 前端工程化說明
- 工程化實踐
- npm教程
- npm入門
- cnpm入門
- cnpm搭建
- nodejs教程
- nodejs入門
- 快速入門
- 命令行工具
- 內存泄露
- 代碼的組織與部署
- 文件操作
- 網絡操作
- 進程管理
- 異步編程
- express教程
- orm模塊
- nodejs實踐
- 項目搭建
- 異步優化
- 創建web和tcp服務器
- 終端問答程序
- 爬蟲系統
- mongleDb
- gulp教程
- gulp入門
- gulp常用插件(1)
- gulp常用插件(2)
- gulp創建目錄
- webpack教程
- webpack入門
- vuejs教程
- vuejs入門系列
- vue-cli入門
- angularjs教程
- angularjs入門系列
- reactjs教程
- reactjs入門系列
- bower教程
- bower入門
- echarts教程
- swiper教程
- web
- web優化
- http優化1
- http優化2
- http優化3
- 其他