npm详解

NPM-node包(模块)管理器
NPM官方网站 npmjs.com - 囊括了 大量的 第三方 模块(包)

npm (node package manger) ： node 的 包管理器

• node 模块 ：一个 nodejs 文件就可以看成是一个 模块
• node 包：是一个 nodejs 项目，里面可以包含 很多 js 文件和其他资源

//查看ndoe版本
node -v
//查看npm版本
npm -v

设置淘宝npm服务器

由于 npm 服务器 访问不稳定，可以 设置 从 淘宝的 npm镜像服务器下载

• 设置命令 ： npm config set registry https://registry.npm.taobao.org
• 检查设置 ： npm config list
  

//配置命令
npm config set registry https://registry.npm.taobao.org
//验证命令
npm config get registry
//如果返回 https://registry.npm.taobao.org，说明镜像配置成功

• 使用流程

• 创建项目文件夹(文件夹名字 不能有中文)
  在文件夹打开命令窗口 以下方式任意1个
  1.文件夹内空白区域 鼠标右击 Git Bash Here
  2.直接在文件夹路径栏 输入cmd打开命令窗’
  3.打开cmder命令窗
  4.vscode中终端打开命令窗

• 初始化一个项目

• npm init -y (项目文件夹名字 不能为中文！) 创建了一个 文件： package.json
  -

• 在项目中安装第三方模块(npmjs.cn 网站上搜索)
  npm i 模块名 例如:npm i express body-parser multer
  注意:多个模块间用空格隔开,可以同时下载安装
  node_modules 文件夹 中会保存下载的第三方模块
  安装第三方模块会生成package-lock.json文件,保存了第三方模块 详细信息 和 它所依赖的 其它模块信息

• 有了 package-lock.json 后，可以使得下载模块速度 加快很多！

• 因为已经知道了所有模块，可以并行下载

拷贝 项目 给别人时，不需要 拷贝 node_modules 文件夹里的内容，可以根据 json 自己下载

• 命令：npm i
  –根据 package-lock.json 中的直接或间接依赖的所有模块信息，并行下载

在nodejs中使用第三方模块 步骤:

1.创建一个项目文件夹(不带中文)
2.打开文件夹, 右击打开Git Bash Here命令窗
3.输入命令npm init -y初始化项目
4.输入命令npm i 模块名字 (npmjs.cn找相应第三方模块)
例:npm i express
5.创建.js文件,导包 const express=require(‘express’)

 // 导入express
const express = require('express');

// 创建服务器对象
const app = express()

// 注册中间件：暴露 web 文件夹 让外部访问
app.use(express.static('web'))

// 注册路由
app.get('/login',(req,res)=>{
  res.send('Hello World') 
  });
  
// 开启服务器
app.listen(8080, (err) => {
   if(err==null){
  	 console.log('成功开启服务器8080')
    } else {
    console.log(err.message)
	}
 
})

6.输入命令 node app.js，启动服务器程序

调试修改nodejs经常要手动ctrl+c关闭服务器,然后再重新启动，很麻烦, 使用nodemon这个工具，它的作用是监听代码文件的变动，当代码改变之后，自动重启。

npm install -g  nodemon   

注意:-g指全局安装 全局安装的第三方包 默认 放在node程序的 安装路径文件夹中

安装之后,可以使用以下命令 开启服务器,

nodemon app.js

在文件中修改内容会发现命令窗口自动监听代码变动,重启服务器自动运行,所以nodemon其实也是在调用node命令。

当然实际工作中,大部分都是直接下载vue-cli的vue.js脚手架

npm install -g @vue/cli

//查看是否安装成功(V大写)
vue -V