NodeJS介绍、安装及常用命令

1.NodeJS介绍-了解

概念: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,nodejs只是一个平台,基于原生js进行功能扩展,除了js核心语法以外,还增加了很其它功能

学习目的: 后期框架都基于nodejs来实现,前端必需技能

2.node安装–重点

1.去官网下载node对应的版本
2.直接安装  
3.检查是否安装成功
	win+R  ==> cmd  +  回车
    
    输入命令:  node -v  或 node --version
    如果有版本号,说明已经安装成功,如果说: node不是内部或外部命令,安装没问题,可能需要配置全局变量
    

3.DOS常用命令–了解

安装win系统时:其实自带安装 可视界面 + DOS操作系统

打开DOS:
	win+R  ==> cmd  +  回车
    
常用dos命令：
  盘符:     // 切换盘符
  dir       // 显示当前文件夹中的文件和目录列表
  cls       // 清除屏幕
  cd 目录   // 切换目录
  cd /      // 回到根目录
  cd ./     //当前目录
  cd ../     //返回上一级目录,可以多次使用../ 表示返回多个上级
  exit       //退出dos命令
  ctrl + c    // 中断执行,有时候可能需要多次使用 

4.node模块化–重点

4.1 node运行环境说明–了解

方式一: 使用DOS命令行来使用node 

方式二: 使用vscode的终端使用
	快速打开终端:  ctrl + `  显示/隐藏终端 
	一般都在文件上单击右键选择在终端打开:   表示在当前选择的文件所在目录 

4.2 node模块化–重点

概念: 一个js文件就是一个模块,模块与模块之间可以相互导入和导出

语法:
	导出：  module.exports = 要导出的东西
	导入：  let 变量 = require("路径") 
    
    使用: 目前简单使用为 node 需要执行的文件 
    #注意: 导出什么,导入时就得到什么

4.3 node模块导入三种方式-掌握

//1.自定义模块---自己写的
let 变量=require('自定义模块的路径');

//2.node内置模块----nodejs自带的
let 变量=require('模块名');

//3.第三方模块----个人或公司写的
let 变量=require('模块名');

//使用步骤:
	1)下载模块---也不管
    2)引入模块

5.npm命令–重点中的重点

概念:
	包: 由多个模块组成的文件夹,就是一个包
    包描述文件:项目根目录下 package.json
		作用:主要用于管理当前项目中所有的模块,以及项目相关信息 

项目初始化包描述文件
	npm init  或 npm init -y  
#注意: 如果项目名为中文使用-y会报错,一般都使用英文

包描述文件说明---了解
{
  "name": "02-projectdemo",//项目名
  "version": "1.0.0",//版本号
  "description": "",//项目描述说明
  "main": "index.js",//主模块 
  "scripts": {// 设置运行脚本指令  npm run test
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",//作者
  "license": "ISC",//许可证
  "dependencies": {//运行依赖
    "swiper": "^8.4.4"
  },
  "devDependencies": {//开发依赖
    "jquery": "^3.0.0"
  }
}

5.1 npm常用命令

npm init    //初始化包描述文件

//三种下载方式
npm i 模块名 -S   //安装模块到本地运行依赖 -默认操作 -S可以不写
npm i 模块名 -D    //安装模块到本地开发依赖 
npm i 模块名 -g   //安装模块到全局中 
//区别:
运行依赖:  项目跑起来必需的模块,如axios --开发和上线都要使用的模块 
开发依赖:  开发时需要使用,但上线时,不需要的模块
全局: 在操作系统中所有地方都可以使用的模块
	//全局安装的位置:  C:\Users\用户名\AppData\Roaming\npm\node_modules

npm i 模块名@版本号 -S|-D|-g  //安装指定版本的模块的指定位置
npm i //安装package.json中所有依赖

npm remove 模块名  //表示删除指定模块 

5.2 yarn命令—重点

注意: 工作中,npm和yarn一般进行二选一 

//全局安装yarn 
	npm i yarn -g 
	检查:
		yarn -v
	#如果有版本号表示安装成功
    yarn安装地址: C:\Users\admin\AppData\Roaming\npm
    
yarn init -y  //初始化包描述文件

//三种下载方式
yarn add 模块名    //安装模块到本地运行依赖 -默认操作 -S可以不写
yarn add 模块名 -D    //安装模块到本地开发依赖 
yarn global add 模块名   //安装模块到全局中
yarn add 模块名@版本号   //安装模块的指定版本

yarn   //表示安装package.json中所有的依赖 
yarn remove 模块名   // 删除模块

#yarn全局安装模块的位置: 
	C:\Users\admin\AppData\Local\Yarn\Data\global\node_modules

5.3 配置镜像–了解

说明: npm和yarn默认镜像为国外的镜像,一般在国内访问有一点慢,一般在国内都使用淘宝镜像

//1)查看当前下载源
yarn config get registry
npm config get registry

//2)切换下载源
yarn config set registry https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org

6.webpack简介–了解

webpack是一个前端静态资源的打包神器,主要用于把模块化的内容,打包成浏览器能够直接运行的静态文件,webpack会根据模块相互的依赖进行打包,最终输出静态资源 

5大核心:

1.entry:入口, 主要用于设置webpack打包开始的入口,可以是单入口,或多入口
2.output:出口,主要用于设置打包好的静态资源输出的位置
3.loader:加载器, 本身webapck只能用于打包js文件,非js文件操作不了,加载器主要用于转换非js文件进行打包 
4.plugins: 插件,主要用于后期项目中的优化,如:压缩文件,提取样式,...
5.mode:模式:主要用于设置 开发development 和生产 production的模式