[npm]脚手架本地全局安装1

[npm]脚手架本地全局安装1

该文章是你的脚手架已经开发完成的前提下,你想要本地全局安装该脚手架,便于本地使用脚手架的命令的情况

npm link 全局安装

如果本地开发的项目是个脚手架,只是个人使用,也并不需要上传到 npm 或者私库,如何安装本地的项目到包的全局位置,以便全局使用该脚手架?

可以在项目的根目录下使用:

shell 复制代码
npm link

然后根据 npm get prefix 可以获取全局目录并查看,就可以看到所有全局安装的项目,而且该本地项目已在该目录下了

终端打印

shell 复制代码
D:\WK\webstorm\antd-fr-cli>npm link
npm WARN antd-fr-cli@1.0.0 No description
npm WARN antd-fr-cli@1.0.0 No repository field.

up to date in 1.009s

10 packages are looking for funding
run `npm fund` for details

D:\PG\nodejs\node_global\bamboo -> D:\PG\nodejs\node_global\node_modules\antd-fr-cli\bin\index.js
D:\PG\nodejs\node_global\node_modules\antd-fr-cli -> D:\WK\webstorm\antd-fr-cli

D:\WK\webstorm\antd-fr-cli>npm get prefix
D:\PG\nodejs\node_global
  1. 首先,在全局目录下 D:\nodejs\node_global 可以看到自定义的 bamboo 脚本

  2. 其次,在全局安装目录下 D:\nodejs\node_global\node_modules\ 可以看到项目 antd-fr-cli 的链接

因为npm link是相当于添加了指向 antd-fr-cli 项目的链接,所以如果 antd-fr-cli 发生了修改,那么bamboo 命令每次使用的都是最新内容,因为链接指向的位置是不变的

npm install 全局安装

全局安装方法 2,可以在项目的根目录下使用:

复制代码
npm install -g

D:\WK\webstorm\antd-fr-cli>npm install -g

D:\PG\nodejs\node_global\bamboo -> D:\PG\nodejs\node_global\node_modules\antd-fr-cli\bin\index.js

  • antd-fr-cli@1.0.0
    added 1 package in 0.531s

卸载全局安装的脚手架

复制代码
npm uninstall <packagename>
//等价于
npm un <packagename>
npm rm <packagename>

删除该全局包和普通的其它包方式一样

注意删除的是项目的名称,不是全局命令

复制代码
npm uninstall antd-fr-cli -g
//不是 npm uninstall bamboo
相关推荐
铅笔侠_小龙虾15 小时前
pnpm 完全指南
npm·web
Patrick_Wilson1 天前
你删过 lock 文件吗?聊聊包管理器迁移中 90% 的人会踩的坑
javascript·npm·前端工程化
En^_^Joy2 天前
Node.js开发指南:模块、npm与Webpack
webpack·npm·node.js
无巧不成书02182 天前
Windows PowerShell执行策略详解:从npm报错到完美解决
前端·windows·npm·powershell执行策略·执行策略·npm.ps1·脚本报错
Luna-player4 天前
npm install vue-awesome-swiper@5.0.1 swiper@7.4.1安装后,我又想全删了,怎么移除
前端·vue.js·npm
军哥全栈AI6 天前
Windows11 彻底卸载Node.js(无残留,适配所有版本)
npm·node.js
❀͜͡傀儡师6 天前
通过npm 手动安装、Docker 部署 OpenClaw小龙虾
前端·docker·npm
头发多多程序媛7 天前
解决依赖下载报错,npm ERR! code EPERM
前端·npm·node.js
console.log('npc')7 天前
pnpm使用
前端·npm
VillenK8 天前
@vue-office依赖报错
前端·npm