# npm

**Repository Path**: yumengy/npm

## Basic Information

- **Project Name**: npm
- **Description**: 记录一些常用的东西
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-11
- **Last Updated**: 2021-12-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 记录一些常用的npm工具包

## npm常用工具包


#### 1. nrm -- NPM registry manager
```
$ npm install -g nrm
```

```
$ nrm ls

* npm -----  https://registry.npmjs.org/
  cnpm ----  http://r.cnpmjs.org/
  taobao --  https://registry.npm.taobao.org/
  nj ------  https://registry.nodejitsu.com/
  rednpm -- http://registry.mirror.cqupt.edu.cn
  skimdb -- https://skimdb.npmjs.com/registry
```

```
$ nrm use cnpm  //switch registry to cnpm

    Registry has been set to: http://r.cnpmjs.org/
```

#### 2. http-server: a command-line http server

```
npm install http-server -g
 
Usage:
  http-server [path] [options]
```

#### 3. git-open: 打开github website

```
npm install --global git-open


$ git open
# opens https://github.com/TRACKED_REMOTE_USER/CURRENT_REPO/tree/CURRENT_BRANCH 
 
$ git open someremote
# opens https://github.com/PROVIDED_REMOTE_USER/CURRENT_REPO/tree/CURRENT_BRANCH 
 
$ git open someremote somebranch
# opens https://github.com/PROVIDED_REMOTE_USER/CURRENT_REPO/tree/PROVIDED_BRANCH 
 
$ git open --issue
# If branches use naming convention of issues/#123, 
# opens https://github.com/TRACKED_REMOTE_USER/CURRENT_REPO/issues/123 
```

#### 4. tree命令
```
// 解决直接生成目录文件夹 文件树
tree 命令可以在 windows 上直接使用,
```

#### 5. tree-node-cli
```
tree 文件

$ npm install tree-node-cli
# or globally 
$ npm install -g tree-node-cli


使用: -L 层级
-I "xxx"  // 忽略文件
```


# Vue 常用npm包
### 1. fastclick
```
// 解决移动端300ms延迟的问题
npm install fastclick

use 
import fastclick from 'fastclick';
fastclick.attach(document.body)
```

### 2. better-scroll
```
better-scroll 是一款重点解决移动端（现已支持 PC 端）各种滚动场景需求的插件。

npm isntall better-scroll
```
[使用地址](https://github.com/ustbhuangyi/better-scroll)

### 3 vue-lazyload
```
npm i vue-lazyload -S
```
[使用地址](https://github.com/hilongjw/vue-lazyload)

## 封装的一些包

### 1. clonedeep
```
用于在javascript中克隆任何类型的数据结构的单个方法库！

npm i clonedeep
```


### 2. js-cookie
```
一个简单，轻量级的JavaScript API，用于处理cookie

npm i js-cookie

使用 :

Cookies.set('name', 'value');
Cookies.set('name', 'value', { expires: 7 });

Cookies.get('name'); // => 'value'
Cookies.get('nothing'); // => undefined

Cookies.remove('name');
```