NPM常见配置

NPM 使用介绍

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
可以通过输入 "npm -v" 来测试是否成功安装。 命令提示窗口 出现版本号 

淘宝镜像命令: https://registry.npm.taobao.org
创建文件夹
1.创建文件父文件  node_models 
2.创建两个子文件夹 
node_cache   
node-modules
3.打开终端 运行以下两条命令 
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
4.配置一个镜像网站(可以提升速度): 
npm config set registry=http://registry.npm.taobao.org 
5.删除淘宝镜像:npm config set registry https://registry.npmjs.org
6.输入命令npm config list 显示所有配置信息
7.打开c盘 查看文件目录 .npmrc  查看是否成功配置三个路径 
注意
注意,此时,默认的模块D:\nodejs\node_modules 目录
将会改变为D:\nodejs\node_global\node_modules 目录,
如果直接运行npm install等命令会报错的。
我们需要做1件事情:
1、增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules
一、测试NPM安装vue.js
命令:npm install vue -g
这里的-g是指安装到global全局目录去

二、测试NPM安装vue-router
命令:npm install vue-router -g

运行npm install vue-cli -g安装vue脚手架

对path环境变量添加D:\nodejs\node_global
win10以下版本的,横向显示PATH的,注意添加到最后时,不要有分号

重新打开CMD,并且测试vue是否使用正常
注意,vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,
他的配置并不全放在根目录下的 webpack.config.js 中

NPM 常用命令

除了本章介绍的部分外,NPM还提供了很多功能,package.json里也有很多其它有用的字段。

除了可以在[npmjs.org/doc/](https://npmjs.org/doc/)查看官方文档外,这里再介绍一些NPM常用命令。

NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。

- NPM提供了很多命令,例如`install`和`publish`,使用`npm help`可查看所有命令。
- 使用`npm help <command>`可查看某条命令的详细帮助,例如`npm help install`。
- 在`package.json`所在目录下使用`npm install . -g`可先在本地安装当前命令行程序,可用于发布前的本地测试。
- 使用`npm update <package>`可以把当前目录下`node_modules`子目录里边的对应模块更新至最新版本。
- 使用`npm update <package> -g`可以把全局安装的对应命令行程序更新至最新版。
- 使用`npm cache clear`可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。
- 使用`npm unpublish <package>@<version>`可以撤销发布自己发布过的某个版本代码。




网页跟代码自动更新

下载nodemo : npm install 
nodemon + 运行代码名称 

img-yGxeoDaY-1630033283642)]

下载nodemo : npm install 
nodemon + 运行代码名称 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值