npm和yarn命令的区别和用法

最新推荐文章于 2025-06-24 11:06:39 发布

转载最新推荐文章于 2025-06-24 11:06:39 发布 · 575 阅读

文章标签：

#Angular2 #npm #yarn

本文详细介绍npm和yarn的常用命令，包括安装、更新、卸载软件包，以及Angular和Vue项目的创建与构建。对比npm与yarn在不同操作上的异同，帮助开发者高效管理项目依赖。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

npm -v 查看npm当前版本
npm install -g npm 更新到最新版本的npm
npm install -g yarn 安装yarn
npm -g install npm@2.9.1 更新到指定版本的npm(@后跟版本号)
npm install cnpm -g --registry=https://registry.npm.taobao.org 安装淘宝镜像
npm install 下载组件

Angular2

npm install -g @angular/cli 安装全局 Angular CLI
ng new my-app 创建Angular工作区
ng build --prod 编译Angular项目(存储在/dist目录中)
ng g module my-new-module 在项目中构建module(模块)
ng g component my-new-component 在项目中构建component(组件)
ng g service my-new-service 在项目中构建service(服务)
ng g pipe my-new-pipe 在项目中构建pipe(管道)
ng g directive my-new-directive 在项目中构建directive(指令)
npm start – --port=8010 指定端口启动项目

Vue

npm install -g @vue/cli或者yarn global add @vue/cli 安装全局vue-cli
npm uninstall vue-cli -g或者yarn global remove vue-cli 卸载vue-cli
vue --version 查看vue-cli版本
vue init webpack my-app 初始化一个vue项目
npm run dev 启动项目
npm run build 打包项目

yarn和npm命令对比

作用	npm	yarn
安装	npm install(i)	yarn
卸载	npm uninstall(un)	yarn remove
全局安装	npm install xxx –-global(-g)	yarn global add xxx
安装包	npm install xxx –save(-S)	yarn add xxx
开发模式安装包	npm install xxx –save-dev(-D)	yarn add xxx –dev(-D)
更新	npm update –save	yarn upgrade
全局更新	npm update –global	yarn global upgrade
卸载	npm uninstall [–save/–save-dev]	yarn remove xx
清除缓存	npm cache clean	yarn cache clean
重装	rm -rf node_modules && npm install	yarn upgrade