网站首页 > 技术文章 正文
node的目录结构
- bin可执行文件目录,可能是一些软链接
- lib全局安装的包存放的路径
为什么全局安装@vue/cli后会添加vue命令
node下的bin目录是一些可执行文件,其中vue指令是一个软链接指向了实际的@vue/cli目录,在该目录下的package.json中有一个bin属性决定了实际命令的名称,同时指定了执行时的入口文件。
全局安装@vue/cli的时候发生了什么
- npm install -g的时候node会将包安装到其/lib/node_modules目录下
- 安装完后会检查包的package.json,如果其有bin属性,就会在node的安装主目录下(/.nvm/versions/node/v16.15.1 )的bin目录创建一个软链接指向实际安装目录
执行一个vue命令的时候发生了什么,为什么vue指向的是一个js文件,却可以直接通过vue命令执行它
在执行vue命令时,操作系统会先通过which vue的路径找到vue并执行这个文件,该文件以#!/usr/bin/env node 开头声明其使用node环境执行。
我们可以尝试如下操作验证上面的内容,先使用which node查看node的安装目录,可以看到上述对应的目录结构,安装对应的node包后,查看bin和lib目录可以看到对应的包和可执行命令已经被添加,查看包的package.json,发现对应的bin属性中有vue属性,并且指向实际执行文件,打开该文件,可以看到文件首行声明的执行环境为node。
另外我们也可以尝试自己创建一个js文件,文件首行声明执行环境,然后为该文件添加可执行权限,并给该文件创建软链接,也就是在bin目录创建对应命令。完成这些步骤,我们就可以使用对应的命令执行操作。
Linux常见操作
- chmod 777 filename:添加可执行权限
- echo $PATH:查看环境变量
- ln -s 路径 名称:创建软链接,软链接可以嵌套,相当于起别名
- #!/usr/bin/env node 声明使用node环境执行
- 上一篇: 完整脚手架搭设基本组成部位
- 下一篇: 从0开发一个高性能前端脚手架-第四篇-脚手架本地开发流程
猜你喜欢
- 2025-05-26 Wee – 为现代 Web 开发打造的 CSS 脚手架
- 2025-05-26 中建工地高颜值的“秘诀”:盘扣式外架+定型化网片
- 2025-05-26 你没见过的新型花篮外架技术更快捷更方便,值得推广
- 2025-05-26 图解:盘扣式脚手架搭建步骤
- 2025-05-26 收藏!2022最新工字钢悬挑脚手架做法和规范,萌新必看
- 2025-05-26 「架构师必备」基于SpringCloud的SaaS型微服务脚手架
- 2025-05-26 使用 Vue 脚手架,为什么要学 webpack?(一)
- 2025-05-26 新型梁侧预埋式外脚手架连墙件施工工艺和流程
- 2025-05-26 SpringBoot+LayUI后台管理系统开发脚手架
- 2025-05-26 推荐一款超棒的SpringCloud 脚手架项目
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)