npm常用命令和脚手架使用

最近前端同学使用最多的莫过于vue，angualr，react等热门前端框架了。那么就避免不掉的使用npm命令，本人就经常因为这三个脚手架的使用而不得不百度相应的npm命令，
不胜其烦，，，因此就整理一下常用的npm命令，方便后面查阅

一：npm命令

 1.使用模块

 1.1 安装模块

其中:

npm install xxx --save  简写为 npm i -S     
npm install xxx --save-dev   简写为 npm i -D   

 1.2 卸载模块

npm uninstall -g xxx   简写 npm u -g xxx  全局模块卸载（存储在nodeJs安装目录下）

npm uninstall xxx     简写 npm u xxx    项目模块卸载

 1.3 更新模块

　　更新全局包：
　　　　　　npm update -g

　　更新生产环境依赖包：
　　　　　　npm update --save

　　更新开发环境依赖包：
　　　　　　npm update --save-dev

       使用工具工具更新：

　　npm-check检查更新

　　　　　　npm install -g npm-check
　　　　　　npm-check
　　npm-upgrade更新
　　　　　　npm install -g npm-upgrade
　　　　　　npm-upgrade

　　

2.查看安装模块

查看当前项目的依赖模块如下：

npm ls --depth 0

查看全局依赖模块命令如下：

npm ls -g --depth 0

npm ls命令可以查看安装过的模块，这个命令使用的时候要注意是否为全局和注意层数。

3.使用淘宝镜像

由于npm下载资源在国外，可能导致下载过慢，因此可以使用淘宝镜像，下载相应的国内资源

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用cnpm

cnpm install xxx

二：脚手架的使用

注：

随着脚手架更新，cli（命令）可能会有所变化

安装脚手架中带有@符号时 需要先切换到cmd（powershell不识别@）

1.安装react脚手架

npm install -g create-react-app

react脚手架生成项目：create-react-app my-app

启动项目：npm run start

2.安装vue2.x脚手架

npm install -g vue-cli

vue2.0脚手架生成项目：vue init webpack my-project

启动项目：npm run dev

3.安装vue3.x脚手架

npm install -g @vue/cli

vue3.0脚手架生成项目：vue create my-project

启动项目：npm run dev

4.安装angular4.x脚手架

npm install -g @angular/cli

angular4.0脚手架生成项目:ng new my-project

启动项目：ng serve [--open]

其他

ctrl+c   停止正在启动的服务