精华内容
下载资源
问答
  • npm全局安装
    千次阅读
    2021-03-01 10:27:30

    1.npm inatsll -g XXX 是安装在全局目录下的,

    全局目录可以通过npm config set prefix '目录路径' 来设置,

    也可以通过 npm config ls 、npm get prefix 来查看当前的全局目录

    全局安装之后 在任何一个文件夹下都可以使用该XXX

    一般情况 如果不设置全局目录,那他会默认是C:\Users\当前用户\AppData\Roaming\npm   (\node_modules)

    2.在某个路径下 执行 npm install XXX ,则是将模块安装在当前目录下:路径\node_modules\xxx

    更多相关内容
  • 全局安装是将npm包安装在你的node安装目录下的node_modules文件夹中。在windows和mac中,全局安装的默认路径是不同的。在mac中默认是安装到 /usr/locla/lib 中。在windows默认安装目录是 C:\Program Files\nodejs ,...
  • 全局安装:提高程序重复利用,避免一个程序多个版本的情况;但是缺点是难以处理不同版本的依赖 全局安装 局部(本地)安装 命令 npm install webpack -g npm install --save-dev webpcak 安装位置 一般在 ...
  • 今天小编就为大家分享一篇修改npm全局安装模式的路径方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇解决Nodejs全局安装模块后找不到命令的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 上一篇文章《Nodejs中 npm常用命令详解》主要是整理了最常使用的npm命令及相关介绍,其中有提到全局安装(npm install gulp -g)和本地安装(npm install gulp),下图来自Gulp中文网入门指南,可以看出全局安装后gulp后...
  • npm的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如: 代码如下:npm install grunt # 本地安装npm install -g grunt-cli # 全局安装下面分别解释。...
  • 相信我们曾经可能都遇到过全局安装某个模块包的过程中提示EACCESS的错误问题。这是由于npm全局安装模块的默认路径没有权限导致的。 有三个方式可以解决该问题:  修改全局安装路径的权限  修改默认安装路径  借助...
  • 默认情况下NodeJS安装会同时安装npm(模块管理器:用于管理用户require的模块,有全局和本地两种)。 注: 全局:执行npm install <模块的名字> -g 就会将模块装在全局路径下,当用户在程序中require(<模块的...
  • (补)npm 全局安装与本地安装、开发依赖和生产依赖 文章目录(补)npm 全局安装与本地安装、开发依赖和生产依赖一、全局安装与本地安装1. 全局安装:2. 本地安装:3. 全局安装的作用:4. 可以全局安装,那么直接全局...

    (补)npm 全局安装与本地安装、开发依赖和生产依赖

    一、全局安装与本地安装

    1. 全局安装:

    npm install <pageName> -g//(这里-g是-global的简写)
    

    通过上面的命令行(带-g修饰符)安装某个包,就叫全局安装。通常全局包安装在node目录下的node_modules文件夹。可以通过执行下面几条命令查看node、npm的安装目录和全局包的安装目录。

    which node   // 查看node的安装目录
    which npm   // 查看npm的安装目录
    npm root -g // 查看全局包的安装目录
    npm list -g --depth 0 //查看全局安装过的包
    

    2. 本地安装:

    npm install <pageName> (后面可以加几种修饰符,主要有两种--save-dev和--save)
    

    通过上面的命令行安装某个包,就叫本地安装。包安装在你当前项目文件夹下的node_modules文件夹中。

    3. 全局安装的作用:

    全局安装的包可提供直接执行的命令(例:gulp -h可以查看gulp定义了什么命令)。 比如gulp全局安装后,可以在命令行上直接执行gulp -v、gulp -h等(原理:全局安装的gulp会将其package.json中的bin命令注入到了全局环境,使得你可以全局执行:gulp xxx命令,这另一个话题了,不深入)。倘若只在本地安装了gulp,未在全局安装gulp,直接执行这些命令会报错。你想要执行相应的命令则可能需要例如:node ./node_modules/gulp/bin/gulp.js -v(查看版本) 这样用一大串命令来执行。**因此全局安装就发挥到他的好处了,**一个gulp -v就搞定

    当然,不是每个包都必须要全局安装的,**一般在项目中需要用到该包定义的命令才需要全局安装。**比如gulp 执行gulp任务…等,所以是否需要全局安装取决于我们如何使用这个包。全局安装的就像全局变量有点粗糙,但在某些情况下也是必要的,全局包很重要,但如果不需要,最好避免使用。

    4. 可以全局安装,那么直接全局安装到处使用就行了,干嘛还需要本地安装?

    1. 如果只是全局安装了而没本地安装,就得require(’’) 例:引入一个全局的包可能就是requirt(’/usr/local/…’)通过全局包的路径引入,这样显然十分的不灵活。如果安装了本地包,那么就可以直接require(’’)引入使用。
    2. 一个包通常会在不同的项目上会重复用到,如果只全局安装,那么当某个项目需要该包更新版本时,更新后可能就会影响到其他同样引用该包的项目,因此本地安装可以更灵活地在不同的项目使用不同版本的包,并避免全局包污染的问题。

    一个经验法则:要用到该包的命令执行任务的就需要全局安装,要通过require引入使用的就需要本地安装( 但实际开发过程中,我们也不怎么需要考虑某个包是全局安装还是本地安装,因为这一点在该包的官网上一般会明确指出,以上是为了理解全局安装和本地安装)。

    二、开发依赖和生产依赖

    顺着上面讲到的本地安装,本地安装有两种主要的安装方式:

    1. 保存到开发依赖(devDependencies): npm install --save-dev
    2. 保存到生产依赖(dependencies): npm install --save

    **"开发依赖"顾名思义在开发环境中用到的依赖,"生产依赖"在生产环境中用到的依赖。**那么这里又延伸出个问题什么是开发环境、什么是生产环境?

    1. 开发环境和生产环境

    【开发环境】:指的是你的项目尚且在编码阶段时的环境。你在代码可能还有各种console.log()、注释、格式化等。
    【生产环境】:指的是你的项目已经完成编码,并发布上线可供用户浏览的阶段时的环境。代码可能经过了压缩、优化等处理。

    **这些概念其实并没有一个很明确的定义,接下来我们举例个场景,将"开发环境"、“生产环境"和上面的"开发依赖”、"生产依赖"联系起来就会比较容易理解的了。**假如我们在开发过程中使用jQuery。在以往,可能就是把jQuery这个插件下载的本地,再通

    2. 生产依赖

    回到环境和依赖话题,**我们下载的jQuery,在开发时参与源码编写,在发布上线的生产环境中也是需要它的。不仅在开发环境编写代码时要依赖它、线上环境也要依赖它,因此将它归类为"生产依赖"。**安装时执行npm install jquery --save,它就会被记录在package.json的dependencies。当进行代码打包时,会将这里的jQuery打包入我们的项目代码中。

    3. 开发依赖

    接着,假如我们用gulp对html进行压缩,我们通常会用到一个插件gulp-htmlmin。我们只希望它把html压缩完就ok了,并不希望它融入我们的项目代码中,即只存在于开发环境,因此把他归类为"开发依赖"。安装时执行npm install gulp-htmlmin --save-dev它就会被记录在package.json的devependencies下,当进行代码打包时,不会将这里的gulp-htmlmin插件源码打包入我们的项目代码中

    **devDependencies只会在开发环境下使用,生产环境不会被打入包内;而dependencies不仅在开发环境中要使用,生产环境也需要使用到。**根据以上规则,我们就很容易区分哪些插件是用–save-dev模式安装,哪些用–save模式安装。

    展开全文
  • npm 全局安装和本地安装的区别总结

    千次阅读 2019-10-08 17:16:35
    了解了上面之后,我们再了解一下最困惑我们的有关npm的全局安装和本地安装问题 首先我们要明白这两个概念最基础的区别: 本地安装: 是指你在该(项目)目录下使用或者通过命令行进入到该(项目)目录下,使用 了...

    npm是什么?是干什么的?

    参考这篇博客:npm到底是干什么的(非教程,npm新人入)
    总结来说:npm相当于maven的作用

     

    了解了上面之后,我们再了解一下最困惑我们的有关npm的全局安装和本地安装问题

    首先我们要明白这两个概念最基础的区别:

    本地安装:
    是指你在该(项目)目录下使用或者通过命令行进入到该(项目)目录下,使用 了npm install xxx的方法。然后在该(项目)目录下会生成一个node_modules文件夹,安装的东西就会安装(或者说下载)到这个node_modules文件夹里。可能有人又问了,为什么前面的该字后面有个括号括着项目两个字啊?搞前端的人应该都懂,这是因为nmp平时就是方便我们下载jQuery等一大堆前端框架用的,所以通常都是会下载到项目里用的(可能又有人说了,我是学后台的。老师给我们讲前端的时候都是下载好jQuery文件然后复制到项目相应的文件夹,然后引用就行了。那是后端玩前端的简单玩法。前端不比后端简单,它也是有一套完整的开发机制的。你那直接下载jQuery放到项目里引用,其实就相当于我们将jar包下回来然后放到项目里引用一样)

     

    全局安装:
    是指你在任何地方(即无论你进入的是哪一层目录),使用了npm install xxx -g或者npm install xxx --global。然后在你安装npm的目录下(注意啊,是npm这款软件的安装目录哈!通常是C:\Users\用户名\AppData\Roaming\npm)会有一个node_modules文件夹(对!这里也有一个和本地安装一样的文件夹。忘了是安装好npm就有还是执行相关npm install xxx -g命令才产生的了。哎~!这不是重点)。你执行npm install xxx -g安装的东西就会安装(或者下载)到这个node_modules文件夹里。

     

    好了,恭喜你大概知道执行本地安装和全局安装的命令后会发生什么和他们之间的最明显的区别了。

    可是又有同学问了,我听人家说,全局安装是一次执行,全局使用(也可以说成是引用,但是往往有很多人因为引用这两个字才被搞糊涂的,至少我就是。所以,我还是建议大家将它定义为使用好一点,为什么呢?接下来再说)。本地安装,只有本项目才能使用。其实这个说法是没问题的,但是恰恰是这浅显的几个字,然我们想多了。

    我最上面说过,npm就相当于maven。它获取到(或者说下载回来)的东西(例如:jQuery等前端框架)就相当于Java里面的jar包(例如:springMVC等Java框架)。重点来了哈,学Java的都知道,jar包是使用某种自己不想写而别人已经写好的功能,我们选择直接引用的半成品工具或者框架。随着技术的发展,spring boot出现了。我们明白到,其实jar包不仅仅是一个半成品或者是工具。它也可以是一个完整的可运行的项目!!相应的npm获取到(或者说下载回来)的东西,有可能是一个半成品的前端框架,更恐怖的是:也可以是一个完整的项目(或者说是软件、组件)!!!!什么?还不明白?举个栗子,cnpm其实就是这样一个有完整功能的组件(或者说是软件)。cnpm有着npm相同的功能,这就是活生生的栗子啊。

     

    好了,恭喜你,你又知道npm下载回来的东西都有啥了。接下来。我们再说回本地安装和全局安装的区别这一块。既然我们知道npm下载回来的可能是软件,甚至是我们开发中要用的软件,也有可能是前端框架。那什么时候使用本地安装,什么时候采用全局安装呢?很简单嘛,其实都可以。真的!全部使用本地安装也行,全部采用全局安装也行。只是在日常开发中还是区分一下好一点,以免发生不必要的麻烦。我个人认为,像cnpm、打包工具之类的软件类产品,就采用全局安装,这样就可以在本地任何时候使用这个工具或者软件(全局安装还有个好处上面说了嘛,一次安装,全局使用。就像配置了环境变量一样,可以在任何位置调用该软件的命令行执行命令)。像jQuery这种的前端框架,就采用本地安装,将他安装到使用它的项目目录中,这样后期提交代码和移植时,会解决很多问题:工具类的cnpm不会因为移植而让别人再下载安装(通常别人会安装好自己的),也能让前端jQuery等框架只出现再该项目中。

    再说一下,要是全部采用本地安装和全局安装会怎么样?答案是一样的,全部采用了本地安装,使用打包工具是,命令行可能就要麻烦点切换到该路径下才能使用。全部采用全局安装,代码移植时,对方因为执行了你的项目,会在自己的npm路径下全局安装你项目中使用的前端框架和软件

    其实前端开发还有一套打包等一系列和后端的操作,在这就不多说了。本地安装和全局安装现在明白了吗?

    展开全文
  • vue-cli全局安装

    2021-09-21 16:20:35
    二、Vue-cli全局安装 a)、因为在国内npm安装会比较慢,所以这里推荐一下先安装淘宝镜像(官网:http://npm.taobao.org;) b)、在控制台执行命令:npm install cnpm -g --registry=https://registry.npm.ta

    一、安装node.js后检查是否安装成功

    node -v
    
    npm -v
    

    node下载网址:http://nodejs.cn/download/
    注 :安装 vue-cli 脚手架目前需要node版本为 v4.0 以上;

    二、Vue-cli全局安装

    a)、因为在国内npm安装会比较慢,所以这里推荐一下先安装淘宝镜像(官网:http://npm.taobao.org;)
    
    b)、在控制台执行命令:npm install cnpm -g --registry=https://registry.npm.taobao.org
    
    c)、安装完成就可以使用cnpm来代替之前的npm这样的安装效率会快很多(以下操作会由cnpm代替npm)
    
    d)、操作完以上步骤可以在继续在命令行输入:cnpm install -g vue-cli。安装成功之后输入vue按下回车出现如下图表示安装正确
    

    在这里插入图片描述

    三、初始化项目

    a)、继续在命令行输入:vue init webpack myproject(*myproject为自己的项目名称)
    
    执行了此命令会自动构建一个myproject文件夹,整个初始化流程如下图:
    

    在这里插入图片描述
    项目初始化完成之后按照命令行提示:
    在这里插入图片描述

    cd myproject
    
    cnpm run dev
    
    以上两个命令执行完成会在命令行出现一个地址:
    

    在这里插入图片描述
    copy地址在浏览器中打开如图:
    在这里插入图片描述

    在浏览器看到这个界面的时候证明咱们的项目已经安装,并且启动成功,接下来可以进行代码的书写操作了
    
    结语:vue的目录结构,以及每个目录的用法我会在下一篇文章中进行详细说明,希望大家多多支持,你们的支持是我前进的动力
    
    展开全文
  • 全局安装vue-Cli脚手架

    千次阅读 2021-12-25 11:36:22
    vue脚手架安装,希望可以帮到刚接触vue的新手,望以上内容对你有所帮助!
  • Webpack的全局安装

    千次阅读 2019-11-07 10:20:37
    2.cd XXX 进入刚刚创建好的文件夹里,输入cnpm install -g webpack (安装了淘宝镜像的小伙伴可以直接使用cnpm,没有安装的使用npm)cnpm和npm的区别这里就不多说了,不懂的小伙伴可以百度 3.安装完成后直接输入...
  • webpack全局安装

    千次阅读 2020-09-21 16:16:24
    安装 webpack 之前,需要本地安装node,一定要注意! NPM 全局安装方式两种方法都可以: npm install webpack -g npm...
  • 前言 在macos,yarn 全局安装一个包后,例如 typescript 或者类似的工具,往往会直接使用工具暴露的全局命令去做一些事,例如 typescript 的 tsc 命令去编译ts文件,但是这个时候可能终端会报错,提示没有当前这个 ...
  • npm 将全局安装的包安装在哪里?

    千次阅读 2022-01-26 10:13:39
    使用 npm root -g 命令查看 npm 全局安装的地址 例如,在mac上使用 nvm 时,npm 全局包的安装地址为: ➜ ~ npm root -g /Users/you/.nvm/versions/node/v14.18.3/lib/node_modules
  • windos10 vue 全局安装 以及配置环境

    千次阅读 2022-03-25 09:42:26
    首先检查本机安装node没有 node -v 有的话会出现版本 没有需要官网去下载 下载 | Node.js 中文网 选择所有下载选项 选择这里 parent Directory 根据自己需要下载即可 后安装 下载完成后...
  • 1、node.js安装 1.1 在node.js 中文网,下载node.js安装包,官方 中文网址. 如下界面 按照自己的需求进行下载安装,这里我选择的是 Windows 64位 .msi安装包。 ... 配置淘宝镜像 是我们下载更...3、全局安装vue-cli脚手
  • yarn 全局安装及缓存位置修改

    千次阅读 2022-01-15 22:10:45
    1. 查看yarn全局安装位置 yarn global dir 2.修改yarn全局安装位置 yarn config set global-folder "自定义路径,如 D:\yarn\global" 3.修改yarn全局缓存位置 yarn config set cache-folder "自定义路径,如...
  • NPM查看全局安装的包

    千次阅读 2021-09-06 10:14:26
    npm list -g --depth 0
  • 问题:npm全局安装node-sass安装失败。 原因: 使用npm下载node-sass,可能由于网络问题被墙了。 解决: 利用cnpm全局下载node-sass包 cnpm i -g node-sass
  • npm查看全局安装过的包
  • 我们学习vue的时候经常用到npm安装 一些插件 有些是全局安装 有些是本地安装 他们两个在命令行上的区别就是: 全局安装:npm install xxx -g 本地安装:npm install xxx 1、全局安装 表示吧我们需要的依赖或者是一个...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 507,133
精华内容 202,853
关键字:

全局安装