Vue知识系列-Node.js

一、Node.js简介

1. 什么是Node.js

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

二、node安装

1、 下载

中文网: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  [email protected]

#devDependencies节点:开发时的依赖包,项目打包到生产环境的时候不包含的依赖

#使用 -D参数将依赖添加到devDependencies节点

npm install --save-dev eslint

#或

npm install -D eslint

#全局安装

#node.js全局安装的npm包和工具的位置:npm\node_modules

#一些命令行工具常使用全局安装的方式

npm install -g webpack

六、模块化

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

猜你喜欢

转载自blog.csdn.net/weixin_51725434/article/details/128737895
今日推荐