当我想使用vue的脚手架来创建一个项目的时候,我应该怎么做?

执行命令 npm install -g @vue/cli 全局安装,之后就可以在控制台中使用vue create programName 来创建一个项目。

为什么可以直接使用vue命令?

  • 这类支持命令的依赖会在项目中指定命令中可执行文件的位置,在package.json中的bin属性中指定。command: filePath
  • 我们执行全局安装时,依赖会被安装到全局的依赖目录(可以用npm root -g查看)。
    如:

npm install 时会分析每个依赖中package.json中的bin属性,会在lib同级的bin目录中创建一个名为command的文件软链接,指向filePath.

(不同的环境具体路径可能不一样,我这边是装了nvm,管理node的版本的)

  • 系统将bin目录写入环境变量
    (mac用冒号分隔不同的路径)

因为bin在环境变量中,所以我们能在命令中中直接使用这些命令。

全局安装可以全局使用命令,那局部安装勒?

当我们在项目中执行npm install packageName 时,就可以在项目中安装某一个依赖。
同样地,如果这个依赖是的package.json中是有bin属性的。
会在node_modules/.bin目录中创建一个名为command的文件软链。

那局部安装的项目要怎么使用勒?

package.json中的script字段可以用来自定义脚本命令,使用npm run command来执行。
- 当执行npm run command时,会自动创建一个shell,再这个shell里面执行指定的脚本命令。因此,只要是shell可以运行的命令,就可以写在npm script 中。
- npm创建的shell,会将当前目录的nodemodules/.bin目录交到环境变量中,执行结束后,再将环境变量恢复原样

这就意味着,node_modules/.bin目录中的所有命令,可以使用添加再script中进行调用。

在performance项目中执行script中的命令,执行时将项目中的node_modules/.bin目录添加到了环境变量中

php执行npm命令_npm系列之命令执行相关推荐

  1. Java命令学习系列—Jstack命令(转载)

    jstack是java虚拟机自带的一种堆栈跟踪工具 1. 功能 jstack用于生成java虚拟机当前时刻的线程快照.线程快照是当前java虚拟机内每一条线程正在执行的方法堆栈的集合,生成线程快照的主 ...

  2. 执行 npm install -g grunt-cli 安装grunt发生错误问题

    windows下安装ElasticSearch的Head插件,执行npm install -g grunt -cli命令报错 原因:执行命令是直接使用cmd打开的命令窗口,未使用管理员身份打开命令窗口 ...

  3. NSA泄密事件之SMB系列远程命令执行漏洞及Doublepulsar后门全球数据分析

    本文讲的是NSA泄密事件之SMB系列远程命令执行漏洞及Doublepulsar后门全球数据分析, 1.   概述 2017 年 4 月 14 日,黑客组织Shadow Brokers 公布了一批新的N ...

  4. NETGEAR 系列路由器命令执行漏洞简析

    NETGEAR 系列路由器命令执行漏洞简析 2016年12月7日,国外网站exploit-db上爆出一个关于NETGEAR R7000路由器的命令注入漏洞.一时间,各路人马开始忙碌起来.厂商忙于声明和 ...

  5. webpack源码阅读——npm脚本运行webpack与命令行输入webpack的区别

    原文地址:webpack源码阅读--npm脚本执行webpack与命令行输入webpack执行的区别 如有错误,欢迎指正! webpack是目前被大家广为使用的模块打包器.从命令行输入webpack或 ...

  6. 每次执行java命令 都要source_解决每次执行Java等命令时都要重新source /etc/profile后才能执行,否则找不到命令...

    linux mint 我们通常将环境变量设置在/etc/profile这个文件中,这个文件是全局的. /etc/profile:在登录时,操作系 统定制用户环境时使用的第一个文件 ,此文件为系统的每个 ...

  7. linux设置共享权限设置命令,Linux系列知识详解(三)--------- Linux链接命令和权限管理命令...

    Linux系列知识详解(三)--------- Linux链接命令和权限管理命令 一:链接命令ln 简介:什么是链接命令?链接命令分为软链接和硬链接.其中软链接产生的新文件是以路径的形式表示原文件,类 ...

  8. [初级]Java命令学习系列(七)——javap

    转载自 [初级]Java命令学习系列(七)--javap javap是jdk自带的一个工具,可以对代码反编译,也可以查看java编译器生成的字节码. 一般情况下,很少有人使用javap对class文件 ...

  9. [中级]Java命令学习系列(五)——jhat

    转载自 [中级]Java命令学习系列(五)--jhat jhat(Java Heap Analysis Tool),是一个用来分析java的堆情况的命令.之前的文章讲到过,使用jmap可以生成Java ...

最新文章

  1. 水晶报表左侧树不显示属性设置
  2. 《降级论》《按时交作业的学生何以常穿脏袜子》读后感
  3. spring源码分析之spring-core-io
  4. MySQL外键创建失败1005原因总结
  5. 搭建 vue2 单元测试环境(karma+mocha+webpack3)
  6. html无框架,HTML框架技术详例
  7. word2vec词向量训练及中文文本类似度计算
  8. 【报告分享】2020“后浪”消费图鉴.pdf(附下载链接)
  9. CG之菲涅尔效果简单实现
  10. sip 接听后没有声音
  11. win10中修改mac地址
  12. Mac 锁屏的各种方法
  13. python读word表格_python 读word 的表格
  14. oracle dbms_utility,dbms_utility的两个有用方法
  15. MOCTF-WRITE-UP(二)
  16. 干货 || 详解SMT贴片电感与SMT贴片电容的区别
  17. rostopic发送cmd_vel指令
  18. vue项目执行命令npm run serve运行项目时 停在 98% after emitting CopyPlugin
  19. 为什么PDF转成Word后是图片,怎么才能修改?
  20. 信息学奥赛一本通-1042

热门文章

  1. 十六个字 一辈子学不完
  2. 极客无极限 一行HTML5代码引发的创意大爆炸
  3. 【ffmpeg for wince】音视频编解码多平台移植(for window/wince)
  4. 拜托!面试请不要再问我 Spring Cloud 底层原理 ...
  5. 超详细 图解 : IntelliJ IDEA 逆向生成 JAVA 实体类
  6. 解决: bash: unzip: command not found、linux 安装 zip 命令
  7. SSH (Secure Shell)详解
  8. linux 常用命令 杂记
  9. Springcloud 引导上下文
  10. Javascript 自定义输出