精华内容
下载资源
问答
  • npm

    千次阅读 2019-06-19 22:59:55
    npm

     


     

    创建一个文件 npm ,在这个文件目录执行这个命令

    • 初始化:npm init -y
    • 安装 jquery:npm install jquery
    • 安装 vue:npm i vue
    • 安装 bootstrap:npm i bootstrap

    注:npm init -y, 是所有的配置项都使用默认的, install 的简写就是 i

    package.json 如下

    {
      "name": "npm",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "keywords": [],
      "author": "",
      "license": "ISC",
      "dependencies": {
        "bootstrap": "^4.3.1",
        "jquery": "^3.4.1",
        "vue": "^2.6.10"
      }
    }
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script src="node_modules\jquery\dist\jquery.js"></script>
        <script>
            $(function () {
                alert('hehe');
            });
    
        </script>
    </head>
    
    <body>
    </body>
    
    </html>

    我们前面安装的 jquery vue 等都在 node_modules 这个目录下,由于我们的依赖信息以及依赖的版本,都被记录到了 package.json 文件里面,这个时候我们删除了node_modules目录也没有影响了

    "dependencies": {
      "bootstrap": "^4.3.1",
      "jquery": "^3.4.1",
      "vue": "^2.6.10"
    }

    删除文件后执行 npm i 或者 npm install 就可恢复到前面的状态

    npm i

     

    卸载 vue

    npm uninstall vue

    更新 jquery 到执行的版本

     npm i jquery@3.0.0

     更新 jquery 为最新版本

     npm update jquery

     

     开发环境下的依赖

    npm i webpack --save-dev

    "devDependencies": {
      "webpack": "^4.34.0"
    }

     

     

    展开全文
  • npm太慢, 淘宝npm镜像使用方法

    万次阅读 多人点赞 2017-03-20 09:48:14
    有很多方法来配置npm的registry地址,下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例: 1.临时使用npm --registry https://registry.npm.taobao.org install express2.持久使用npm config set ...

    淘宝 npm 地址: http://npm.taobao.org/

    如何使用
    有很多方法来配置npm的registry地址,下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例:

    1.临时使用

    npm --registry https://registry.npm.taobao.org install express
    

    2.持久使用

    npm config set registry https://registry.npm.taobao.org
    
    • 配置后可通过下面方式来验证是否成功
      npm config get registry

    • npm info express

    3.通过cnpm使用

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    • 使用
      cnpm install express

    4.恢复使用

    npm config set registry https://registry.npmjs.org
    
    展开全文
  • Npm

    千次阅读 2018-07-12 15:43:36
    npm其实是Node.js的包(代码模块)管理工具(package manager)。它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多...

          npm其实是Node.js的包(代码模块)管理工具(package manager)。它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。

           更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦又容易出错。

          npm的背后,是基于couchdb的一个数据库,详细记录了每个包的信息,包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是:将开发者从繁琐的包管理工作(版本、依赖等)中解放出来,更加专注于功能的开发。

    (webstorm显示npm任务面板,右击package.json文件,选择show npm scripts)

    1.npm  help                   //查看npm命令列表

    2.npm   -l                       //查看各个命令的简单用法

    3.npm config list -l       //查看npm的配置

    4.npm info                    //查看某个模块的具体信息(返回一个javascript对象)

    5.npm  list                   //列出当前项目安装的所有模块

    6.npm stall

    npm   install  <package name>               本地安装:将一个模块安装到当前项目的node_modules子目录

    npm   install  -g   <package name>        全局安装:将一个模块安装到系统目录中,各个项目都可以调用

    npm  install <package name>  --force     不管模块是否安装过,强制重新安装

    (补充:npm i 和 npm install的区别

    npm i  仅仅是npm  install 的缩写,实际使用的区别:1.用npm i安装的模块不能用npm uninstall卸载,用npm uninstall i才能卸载掉。2.用npm i会帮助检测与当前node版本最匹配的npm包版本号,并匹配出来相互依赖的npm包应该提升的版本号 3. 部分npm包在当前node版本下无法使用,必须使用建议版本 4. 安装报错时intall肯定会出现npm-debug.log 文件,npm i不一定

    7.install命令可以使用不同参数,指定所安装的模块属于哪一种性质的依赖关系

    -save :模块名将被添加到dependencies, 可以简化为参数 -S

    -save-dev:模块名将被添加到devDependencies, 可以简化为参数  -D

    npm i module_name  -S  = >  npm install module_name --save    写入到 dependencies 对象
    
    npm i module_name  -D  => npm install module_name --save-dev   写入到 devDependencies 对象
    
    npm i module_name  -g  全局安装

      i 是install 的简写

    -S就是--save的简写
    -D就是--save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面,而--save会将包的名称及版本号放在dependencies里面。

    我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:

    --save-dev

    --save

    在 package.json 文件里面提现出来的区别就是,使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 --save 安装的插件,责被写入到 dependencies 对象里面去。

    那 package.json 文件里面的

    devDependencies  里面的插件只用于开发环境,不用于生产环境,而 dependencies  是需要发布到生产环境的。

    8.npm update [package name]            //更新模块

    9.npm   uninstall   [package name]       //卸载已安装的模块

     


     

    展开全文
  • npm打包异常

    万次阅读 多人点赞 2018-06-14 16:06:40
    “E:\Program Files\JetBrains\WebStorm 2018.1.4\bin\runnerw.exe” G:\node\nodejs\node.exe G:\node\nodejs\node_modules\npm\bin\npm-cli.js run dev –scripts-prepend-node-path=auto hrvue@1.0.0 dev G:\...

    “E:\Program Files\JetBrains\WebStorm 2018.1.4\bin\runnerw.exe” G:\node\nodejs\node.exe G:\node\nodejs\node_modules\npm\bin\npm-cli.js run dev --scripts-prepend-node-path=auto

    hrvue@1.0.0 dev G:\front\my-project
    webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

    ‘webpack-dev-server’ �����ڲ����ⲿ���Ҳ���ǿ����еij���
    ���������ļ���
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! hrvue@1.0.0 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the hrvue@1.0.0 dev script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\linghongkang\AppData\Roaming\npm-cache_logs\2018-06-14T07_17_34_269Z-debug.log

    Process finished with exit code 1

    解决:原因是因为你的node_modules有意外改动,导致依赖库不完整。
    删除项目下的node_modules,在你的项目目录下,重新执行npm install,这会重新生成node_modules,
    执行npm run build ,
    npm run dev.
    这里写图片描述

    展开全文
  • npm和cnpm(windows)安装步骤

    万次阅读 多人点赞 2018-05-23 16:44:53
    一、什么是npm和cnpm npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm...
  • npm配置国内镜像资源+淘宝镜像

    万次阅读 2018-03-05 19:02:12
    强烈推荐30个原生JavaScript的demo,包括canvas时钟特效...将npm的注册表源设置为国内的镜像 1、国内用户,建议将npm的注册表源设置为国内的镜像,可以大幅提升安装速度 2、国内优秀npm镜像推荐及使用:http://rin...
  • 在安装nodejs时候,有时候我们会把它安装在d盘或别的盘时,经常会遇到npm环境变量没有配好,需要自己手动去配置。 在安装完nodejs后输入node --version查看安装是否成功,若成功会出现下图 接着我们在使用npm...
  • npm 安装指定版本(按版本安装)

    万次阅读 多人点赞 2018-08-13 15:15:00
    npm install jquery@3.0.0 --save 在package.json中可以看到: "jquery": "^3.0.0" 1、全局安装 npm install xxx -g //模块将被下载安装到【全局目录】中 2、本地安装 npm install xxx ...
  • npm 卸载及安装流程

    万次阅读 2018-05-29 10:05:55
    1.卸载 1.将node的安装目录...3.完成后 node -v npm -v 查看是否安装成功,此时npm 并不是最新版 4.配置npm的全局模块的存放路径以及cache的路径:在nodejs文件夹中创建两个文件夹,”node_global”及”node_c...
  • npm和yarn的区别和对比

    万次阅读 多人点赞 2019-06-28 10:55:09
    最近在学习得过程中接触到了yarn , 是一个包管理工具,用来替代npm . 下面来总结一下: yarn有以下3个优点 : 安装速度快 (服务器速度快 , 并且是并行下载) 版本锁定 缓存机制 Yarn语法 npm init ---- yarn init npm ...
  • npm audit fix npm audit fix --force npm audit 2、第二种解决办法 删除已经安装的:node_modules 和 package-lock.json 修改 package.json 格式如下 npm audit fix --force npm instal ...
  • 在命令行中使用命令 npm run dev运行从网上下载的一个vue项目时出现了以下报错 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: `node build/dev-server.js` npm ERR! Exit ...
  • 报错:npm ERR! missing script: serve

    万次阅读 热门讨论 2019-07-28 16:42:34
    报错:npm ERR! missing script: serve。
  • npm更新

    万次阅读 2020-03-20 14:18:48
    标题更新npm至最新版本 npm install -g npm
  • npm i和npm install的区别

    万次阅读 多人点赞 2018-01-29 11:22:00
    npm i和npm install
  • npm使用淘宝镜像安装依赖

    万次阅读 2020-09-10 09:16:35
    npm install --registry=https://registry.npm.taobao.org
  • 由于node下载第三方依赖包是从国外服务器下载,虽然没有被墙,...安装成功之后,以后安装依赖包的方式和npm的是一样的,只是npm的命令换成是cnpm就可以了 我是这样就安装成功了,之前用的是下面这个失败了 哪个大佬能
  • 卸载npm和安装npm

    万次阅读 2018-04-23 16:24:19
    安装npm:sudo npm install npm -g 卸载npm: sudo npm uninstall npm -g
  • npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN fsevents@1.2.0 had bundled packages that do not match the required version(s). They have been replaced with ...
  • npm的卸载与安装流程

    万次阅读 2019-05-27 17:39:10
    安装 ... 2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功 ...输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方...
  • 报错 :npm WARN deprecated … 现象:无法进行有效的vue项目的部署以及npm install 命令的执行。 原因一:版本问题 说明:由于npm的版本过低或者过高导致的报错 检查版本: npm -v 如果版本是比较旧的,或者是...
  • npm ERR! missing script: start npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2017-11-20T09_43_06_459Z-debug.log 哎,粗心!!!...
  • npm WARN npm npm does not support Node.js

    千次阅读 2019-09-22 14:32:26
    @Windows10下Node.js... npm WARN npm npm does not support Node.js v*.*.* 解决方法: npm uninstall -g npm 卸载npm npm i -g npm@next 安装npm 错误信息: Error:Cannot find module ‘mongodb’ (图...
  • 关于npm ERR!npm ERR! npm ERR!解决集错误一:![如图所示](https://img-blog.csdnimg.cn/2020070214591464.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV...
  • npm install安装失败: npm install jquery npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/jquery failed, reason: connect ETIMEDOUT 104.16.25.35:...
  • root@ROYALHUANG-MB2:~/DevOps/elasticsearch/elasticsearch-head-master# npm install -g grunt-cli npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to http://registry.n...
  • npm fund

    千次阅读 2020-12-08 15:57:18
    npm fund这个不是报错当你执行npm fund时会出现以下 如果不想看到这段话,运行 npm install --no-fund
  • npm install 报警告npm WARN

    千次阅读 2019-12-11 10:23:00
    npm install 报警告npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.0 (node_modules\fsevents npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN ...
  • 今天打包vue项目,突然蹦出一个告警: Browserslist: caniuse-lite is outdated....于是我查询了一下npm手册,得知是不能直接运行npm update的,必须带上包名,所以应该这样写命令: npm update caniuse-lite...
  • npm install命令详解

    万次阅读 2017-11-23 11:52:39
    npm

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 257,007
精华内容 102,802
关键字:

npm