> 웹 프론트엔드 > JS 튜토리얼 > node.js 설치 및 구성 환경 소개와 프로젝트 배포 방법(Windows 시스템)

node.js 설치 및 구성 환경 소개와 프로젝트 배포 방법(Windows 시스템)

青灯夜游
풀어 주다: 2020-08-31 10:05:37
앞으로
3088명이 탐색했습니다.

node.js 설치 및 구성 환경 소개와 프로젝트 배포 방법(Windows 시스템)

1. 작동 단계 steps ① ① 다운로드 node.js

➢ 환경 변수 설치 및 구성

③ 프로젝트 배포 시작 액세스

[권장 비디오 튜토리얼 :

nodejs 튜토리얼 ] 2. 자세한 내용

1. 해당 시스템 다운로드를 선택하세요:

https://nodejs.org/en/download/



2번 클릭하여 설치







3.

node -v 显示Node.js的版本说明已经安装成功
npm -v 自带的npm已经安装成功
로그인 후 복사

그림과 같이 설치되었습니다.

설명은 다음과 같습니다. Node.js의 새 버전에는 이미 npm이 포함되어 있으며 이는 Node.js를 설치할 때 설치됩니다. npm의 역할은 Node.js가 의존하는 패키지를 관리하는 것입니다. Node.js를 설치/제거하는 데 사용되는 것으로 이해됩니다.

4.

환경 변수 구성

참고: 여기서의 환경 구성은 주로 npm이 설치한 전역 모듈이 있는 경로와 캐시의 경로를 구성합니다. 앞으로는 npm install express [-g](다음 선택적 매개 변수 -g, g는 전역 설치를 나타냄)와 유사한 설치 문을 실행하면 설치된 모듈이 [C: 사용자 사용자 이름 AppDataRoamingnpm] 경로, C 드라이브 공간을 차지합니다.

例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

创建完两个空文件夹之后,打开cmd命令窗口,输入

npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"
로그인 후 복사


接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”




5、测试

配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,

输入如下命令进行模块的全局安装:

npm install express -g     # -g是全局安装的意思
로그인 후 복사


安装完可以看到express版本



6、安装cnpm 下载国内资源

npm install -g cnpm --registry=https://registry.npm.taobao.org
로그인 후 복사

输入cnpm -v输入是否正常

cnpm -v
로그인 후 복사


如果有错

添加系统变量path的内容

  因为cnpm会被安装到D:\Program Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

7、部署项目

cnpm install
로그인 후 복사


8、启动项目

npm run dev
로그인 후 복사


启动成功


访问项目


이제 Windows에서 node.js 설치, 환경변수 설정, 프로젝트 배포는 모두 끝났습니다. 궁금한 사항이 있으시면 댓글 남겨주시면 최대한 빠르게 답변해드리겠습니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !

위 내용은 node.js 설치 및 구성 환경 소개와 프로젝트 배포 방법(Windows 시스템)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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