npm常用命令和脚手架使用

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

一：npm命令

 1.安装模块

其中:

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

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.0脚手架

npm install -g vue-cli

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

启动项目：npm run dev

3.安装vue3.0脚手架

npm install -g @vue/cli

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

启动项目：npm run dev

4.安装angular4.0脚手架

npm install -g @angular/cli

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

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

其他

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

npm常用命令和脚手架使用

原文：https://www.cnblogs.com/ggymx/p/12105745.html