npm常用命令和脚手架使用

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

一:npm命令

 1.使用模块

 1.1 安装模块

npm常用命令和脚手架使用_第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(命令)可能会有所变化

安装脚手架中带有@符号需要先切换到cmdpowershell不识别@

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   停止正在启动的服务

 

你可能感兴趣的:(npm常用命令和脚手架使用)