-
npm
2019-06-19 22:59:55npm- Node.js :https://nodejs.org/en/
- npm 中文文档:https://www.npmjs.cn/
- pre-commit:https://www.npmjs.com/package/pre-commit
创建一个文件 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:36npm其实是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.logProcess 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... -
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序
2018-01-18 13:20:47在安装nodejs时候,有时候我们会把它安装在d盘或别的盘时,经常会遇到npm环境变量没有配好,需要自己手动去配置。 在安装完nodejs后输入node --version查看安装是否成功,若成功会出现下图 接着我们在使用npm... -
npm 安装指定版本(按版本安装)
2018-08-13 15:15:00npm 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:551.卸载 1.将node的安装目录...3.完成后 node -v npm -v 查看是否安装成功,此时npm 并不是最新版 4.配置npm的全局模块的存放路径以及cache的路径:在nodejs文件夹中创建两个文件夹,”node_global”及”node_c... -
解决npm安装时出现run `npm audit fix` to fix them, or `npm audit` for details
2019-04-16 14:41:18npm audit fix npm audit fix --force npm audit 2、第二种解决办法 删除已经安装的:node_modules 和 package-lock.json 修改 package.json 格式如下 npm audit fix --force npm instal ... -
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的解决方法
2019-09-04 10:04:47在命令行中使用命令 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:00npm i和npm install -
npm install安装失败install: `node install.js`处理方法
2020-08-12 10:22:08由于node下载第三方依赖包是从国外服务器下载,虽然没有被墙,...安装成功之后,以后安装依赖包的方式和npm的是一样的,只是npm的命令换成是cnpm就可以了 我是这样就安装成功了,之前用的是下面这个失败了 哪个大佬能 -
npm使用淘宝镜像安装依赖
2020-09-10 09:16:35npm install --registry=https://registry.npm.taobao.org -
卸载npm和安装npm
2018-04-23 16:24:19安装npm:sudo npm install npm -g 卸载npm: sudo npm uninstall npm -g -
npm install 报警告npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.0 (node_modules\...
2018-04-20 23:47:08npm 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 报错:npm ERR! missing script: start npm ERR! A complete log of this run can be found in: npm ...
2017-11-20 17:58:14npm 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报错 npm WARN deprecated....的问题解决方式
2020-07-19 17:22:14报错 :npm WARN deprecated … 现象:无法进行有效的vue项目的部署以及npm install 命令的执行。 原因一:版本问题 说明:由于npm的版本过低或者过高导致的报错 检查版本: npm -v 如果版本是比较旧的,或者是... -
【npm】关于npm ERR!npm ERR! npm ERR!解决集
2020-07-02 15:43:18关于npm ERR!npm ERR! npm ERR!解决集错误一:
-
Spring Boot2.X仿朋友圈PC版系统实战_架构1.0
-
Tensorflow
-
常见的各种字幕内容总结(字幕基础、字幕介绍、字幕种类及常见格式、SRT+ASS+LYC等等)
-
UNLOCK.iso加密解密软件和狗的一些资料
-
小米Play维修原理图PCB位置图(PDF格式)
-
文本信息加密系统.zip
-
基于bs的企业考勤管理系统
-
基于51单片机的智能计算器.zip
-
Linux部署环境搭建(JAVA项目).doc
-
Laya 2.0 开发3D小游戏 入门教学