> 웹 프론트엔드 > JS 튜토리얼 > Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

青灯夜游
풀어 주다: 2021-08-18 10:08:03
앞으로
2107명이 탐색했습니다.

이 글에서는 Nodejs의 설치 방법과 Nodejs의 모듈 시스템을 소개하겠습니다.

Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

NodeJS 정보

Node.js는 Chrome V8 엔진을 기반으로 하는 Javascript 런타임 환경입니다. [추천학습: "nodejs tutorial"]

  • 우리 일상적인 개발에서 대부분의 프로젝트는 프론트엔드를 JS를 사용해 작성하고, 터미널은 모두 JAVA PHP GO 등의 서버측 언어로 작성되어 있지만 Node의 탄생으로 인해 code>, 프론트엔드 개발자도 JS를 사용하여 서버 코드를 작성할 수 있으므로 Node의 탄생은 프론트엔드를 빛나게 한다고 할 수 있으며, 프론트엔드와 프론트엔드 모두를 빛나게 한다고 할 수 있습니다. -엔드와 백엔드 꽃. Web项目,前端都是使用JS编写的,而后端都是由服务端语言写的,比如JAVA PHP GO,但是因为Node的诞生,让前端开发者也可以使用JS来编写服务器代码,所以Node的诞生可谓是让前端大放异彩,前端后端两开花。
  • 特别是Node提供了开发环境运行的基础,像我们平常经常使用的Vue React这样的前端框架变得非常强大,可以说是前端必不可少的一个基础设备。
  • Node使用的人多了,我们前端使用JS贡献开源的人也逐渐变多,npm库就成了一个很大很大的代码仓库,在npm这个包管理系统中,我们可以在里面找到我们所需要的插件、轮子,我们直接拿来使用美滋滋,这样也给我们开发者省了很多宝贵的时间。
  • 关于更多NodeJS的介绍和作用在这篇文章已经介绍的很清楚了,大家有兴趣可以去看看传送门

NodeJS安装

Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

  • 选择自己合适的版本进行下载,由于我电脑已经安装过了就不再演示了,只要打开安装程序一路下一步就可以了,具体想看更详细的安装指南和全局配置指南可以看到这篇:Node.js安装及环境配置之Windows篇
  • 安装完之后我们需要检查一下是否安装成功可以打开终端输入node -v

Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

  • 可以看到我们已经安装了最新版16.6.1node

NodeJS使用

  • 我们在安装完node后可以在终端键入node进入交互模式,并输入一条我们程序员必备代码hello world

Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

  • 当然我们也可以建一个JS
  • 특히 Node는 개발 환경이 실행될 수 있는 기반을 제공합니다. 우리가 일반적으로 사용하는 Vue React와 같은 프런트엔드 프레임워크는 매우 강력해졌습니다. , 프론트 엔드에 필수적인 기본 장치라고 할 수 있습니다.

노드를 사용하는 사람들이 점점 더 많아지고 있으며, npmJS를 사용하는 사람들도 점점 더 많아지고 있습니다. /code> 라이브러리는 매우 큰 코드 저장소가 되었습니다. npm 패키지 관리 시스템에서 필요한 플러그인과 휠을 Meizizi와 함께 직접 사용할 수 있습니다. 개발자의 귀중한 시간을 절약해 줍니다. Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

이 글에서 더 많은 NodeJS의 소개와 역할이 아주 명확하게 소개되어 있으니 관심 있으신 분들은 포털 🎜. 🎜🎜

🎜NodeJS 설치🎜🎜🎜🎜NodeJS공식 웹사이트 🎜를 다운로드하세요. 🎜🎜🎜Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석🎜🎜 🎜자신에게 맞는 버전을 선택하여 다운로드하세요. 내 컴퓨터에는 이미 설치되어 있으므로 더 이상 설명하지 않겠습니다. 설치 프로그램을 열고 다음 단계로 이동하여 더 자세한 설치 가이드를 확인하세요. 글로벌 구성 가이드에서 이 기사를 볼 수 있습니다:Node.js Windows용 설치 및 환경 구성🎜🎜🎜 설치 후 터미널을 열고 node -v를 입력하면 설치가 성공했는지 확인해야 합니다. 🎜🎜🎜Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석🎜🎜 🎜16.6.1node 최신 버전이 설치되어 있는 것을 확인할 수 있습니다. 🎜🎜

🎜NodeJS는 🎜🎜🎜🎜node를 설치한 후 터미널에 node를 입력하여 대화형 모드로 들어갈 수 있습니다. . 그리고 우리 프로그래머에게 필요한 hello world 코드를 입력하세요. 🎜🎜🎜Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석🎜🎜 🎜물론 실행을 위해 JS 파일을 생성할 수도 있습니다. 🎜🎜
echo test>helloWorld.js
로그인 후 복사
/* helloWorld.js */
console.log('你好世界!!!')
로그인 후 복사
🎜🎜🎜
  • 我们只需要键入node+文件名即可执行这个文件。

NodeJS模块

  • Node应用由模块组成,采用的CommonJS模块规范。每一个文件就是一个模块,拥有自己独立的作用域,变量,以及函数等,对其他的模块都不可见,而文件路径就是模块名,所以我们需要了解不同模块之间是怎么交互怎么互相使用的。
  • 模块可以多次加载,但是只会在第一次加载时运行一次,模块加载的顺序,按照其在代码中出现的顺序。
  • 在编写每个模块时,都有requireexportsmodule三个预先定义好的变量可供使用。

加载(require)

  • require意为需要的,也就是说我们可以通过require来引入我们需要的模块,
let x=require('./hello')
let y=require('./hello.js')
로그인 후 복사
  • 我们可以这样引入一个模块,require后面可以接收一个地址,可以是绝对路径也可以是相对路径。
  • 值得注意的是,我们的后缀.js扩展名可以省略不写。

导出(exports)

  • exports意为导出,也有一种说法是暴露,我们一般可以使用exports用于导出模块公有函数和属性。
/* hiNode.js */
exports.addIce=function(){
  console.log('我在加冰')
}
로그인 후 복사
  • 我们在hiNode.js文件中暴露了一个函数addIce,这样我们可以在别的地方require这个模块并使用该函数。
/* helloWorld.js */
let x=require('./hiNode')
x.addIce()
로그인 후 복사
  • 我们在终端键入node helloWorld.js

Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

  • 成功引入了模块并使用函数。

模块对象(module)

  • Node中我们通过module可以访问到当前模块的一些信息。
/* hiNode.js */
exports.addIce=function(){
  console.log('我在加冰')
}
console.log(module)
로그인 후 복사

Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

  • 可以看到我们打印的module里面有它导出的函数,文件名,路径等信息。实际上当我们require一个模块的时候,它读取的就是该文件的module.exports变量。
  • 这个module.exports变量一般是对象的形式如上图,所以我们经常最常用到module是为了改写module.exports变量这个导出变量,我们可以改成函数形式。
/* hiNode.js */
module.exports=function(){
  console.log('直接可以调用,我是一个函数')
}
로그인 후 복사
/* helloWorld.js */
let x=require('./hiNode')
x()
로그인 후 복사
  • 如上我们直接可以使用x是因为require了一个函数,模块默认导出对象被替换为一个函数。

Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석

写在最后

总的来说NodeJS应用是由模块组成的,我们可以在js文件导出exports函数等变量,在另一个js文件进行导入require这个模块。

更多编程相关知识,请访问:编程入门!!

위 내용은 Nodejs의 설치 방법과 모듈 시스템에 대한 심층 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿