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 <name> -g
更新生产环境依赖包: npm update <name> --save
更新开发环境依赖包: npm update <name> --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 停止正在启动的服务
最新文章
- Xcode 锁终端
- XAF视频教程来啦,已出7课
- iOS开发之XCode模拟器不能连接网络
- Andirod&mdash;&mdash;网络连接(HttpURLConnection)
- iOS - Availability.h
- Linux下oracle11gR2系统安装到数据库建立配置及最后oracle的dmp文件导入一站式操作记录
- 用cart(分类回归树)作为弱分类器实现adaboost
- 【BZOJ】【1013】【JSOI2008】球形空间产生器sphere
- HTTP层 &mdash;&mdash; 请求
- CSS3边框
- WebX框架学习笔记之二----框架搭建及请求的发起和处理
- 通过logstash-input-mongodb插件将mongodb数据导入ElasticSearch
- crontab定时任务, 定时到秒
- yum方式安装kubernetes
- HBase数据库配置中各配置项的释义及默认值
- Linux:Day9(下) 程序包管理
- HTML5 缓存: cache manifest
- 手动部署LNMT(Nginx+Tomcat)并实现Nginx反向代理Tomcat
- Bootstrap @Media分类
- Golang游戏服务器与skynet的个人直观比较
热门文章
- ArcGIS10.2安装教程
- 强大的 Python 任务自动化工具!invoke 十分钟入门指南
- geoserver wfs属性查询
- Spring Boot入门简介-Maven配置
- 12、PPP和HDLC
- BJUT数字图像处理作业
- 严重 [RMI TCP Connection(3)-127.0.0.1]
- Codeforces 1087B Div Times Mod(数学+暴力)
- Codeforces 1011C Fly(二分+模拟)
- C++ 日期 &; 时间(转)