Vue知识系列-Node.js

女爷i 2023-10-07 22:53 16阅读 0赞

## 一、Node.js简介 ##

### 1. 什么是Node.js ###

简单说Node.js就是运行在服务端的JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

### 二、node安装 ###

**1、 下载**

中文网：[Node.js 中文网][Node.js]

**2、安装**

node-v16.18.1-win-x64.zip 解压，配置环境变量

**3、查看版本**

none -v

## 三、node快速入门 ##

在命令行输入命令node 01.js

## 四、npm简介 ##

### 1. 什么是NPM ###

NPM全程node package manage，是Node.js包管理工具 ，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于前端的maven。

### 2、NPM工具的安装位置 ###

我们通过NPM可以很方便的下载js库，管理前端工程。

Node.js默认安装的npm包和工具的位置：Node.js目录\\node\_modules

在这个目录下，可以看见npm目录，npm本身就是被NPM包管理器管理的一个工具，说明Node.js已经集成了npm.

> \#在命令行输入 npm -v 可查看npm版本
> 
> npm -v

## 五、npm管理项目 ##

### 1、创建文件夹npm ###

### 2、项目初始化 ###

#建立一个空文件夹，在命令提示符进入该文件夹 执行命令初始化
    npm init
    #按照提示输入相关信息，如果使用默认值则直接回车即可
    #name:项目名称
    #version:项目版本号
    #description：项目描述
    #最后会生成package.json文件，这个是包的配置文件，相当于maven的pom.xml文件，我们之后可以根据需要进行修改
    #如果想直接生成package.json，那么可以使用命令
    npm init -y

### 3. 修改npm镜像 ###

**设置镜像地址：**

> \#经过下面的配置，以后所有的npm install都会经过淘宝的镜像地址下载
> 
> npm config set registry https://registry.npm.taobao.org
> 
> \#查看npm配置信息
> 
> npm config list

### 4. npm install 命令的使用 ###

> \#使用npm install 安装依赖包的最新版
> 
> \#模块安装位置：项目目录\\node\_modules
> 
> \#安装会自动在项目目录下添加package-lock.json文件，这个文件帮助锁定安装包的版本
> 
> \#同时package.json文件中，依赖包会被添加到dependencies节点下，类似于maven中的<dependencies>
> 
> npm install jquery
> 
> \#npm管理的项目在备份和传输的时候一般不携带node\_modules文件夹
> 
> npm install \#根据package.json中的配置下载依赖，初始化项目
> 
> \#如果安装时想指定特定的版本
> 
> npm install jquery@2.1.x
> 
> \#devDependencies节点：开发时的依赖包，项目打包到生产环境的时候不包含的依赖
> 
> \#使用 -D参数将依赖添加到devDependencies节点
> 
> npm install --save-dev eslint
> 
> \#或
> 
> npm install -D eslint
> 
> \#全局安装
> 
> \#node.js全局安装的npm包和工具的位置：npm\\node\_modules
> 
> \#一些命令行工具常使用全局安装的方式
> 
> npm install -g webpack

## 六、模块化 ##

前端模块化，在前端中，js与js之间调用称为前端模块化操作。

[Node.js]: http://nodejs.cn/