> 웹 프론트엔드 > JS 튜토리얼 > NPM 사용 정보

NPM 사용 정보

一个新手
풀어 주다: 2018-05-12 10:27:10
원래의
3146명이 탐색했습니다.


먼저 NPM이란 무엇일까요?

——JS용 패키지 관리 도구입니다.

더 이상 고민하지 말고 먼저 다운로드하세요. (npm은 Node.js와 함께 출시됩니다. Node.js가 설치되어 있으면 npm도 설치됩니다.)
설치가 완료되면 가장 먼저 해야 할 일은 물론 설치가 성공했는지 테스트하는 것입니다. win + R을 눌러 cmd 명령 프롬프트를 열고 npm -v를 입력하세요. 버전이 성공적으로 설치되었다는 메시지가 나타납니다

npm -v3.10.10
로그인 후 복사

이전 버전의 npm을 설치한 경우 npm 명령
npm install을 통해 쉽게 업그레이드할 수 있습니다. npm@latest -g

npm 명령을 사용하여 모듈을 설치하세요

먼저 컴퓨터에 새 프로젝트 폴더를 만들고 cmd에서 폴더를 찾으세요
C:UsersfilbertDesktop>cd app2
C:UsersfilbertDesktopapp2>

npm, npm 초기화 init –yes

C:\Users\filbert\Desktop\app2>npm init --yes
Wrote to C:\Users\filbert\Desktop\app2\package.json:
{  "name": "app2",  "version": "1.0.0",  "description": "",  "main": "app2.js",  "scripts": {    
"test": "echo \"Error: no test specified\" && exit 1"
  },  "keywords": [],  "author": "",  "license": "ISC"}
로그인 후 복사

Express 프레임워크 설치, npm install express

C:\Users\filbert\Desktop\ch3>npm install express –save  
  npm WARN ch3@1.0.0 No description  
  npm WARN ch3@1.0.0 No repository field. 
   + express@4.15.4 updated
1 package in 3.63s
로그인 후 복사

프로젝트에 노드 서버를 구축하려면 먼저 app2.js

const path = require('path');const express = require('express');
const app = new express();const port = 4000;//app.use(express.static('public'));
app.get('/*', (req, res) => {
    /*const pathname = req.params['0'];    if(!pathname) {
        res.sendFile(path.join(__dirname, 'index.html'));        return;
    }*/
    res.sendFile(path.join(__dirname+'/index.html'));
});var server = app.listen(port, (error) => {  if (error) {    console.error(error);
  } else {    console.info('==> Listening on port %s. Open up http://localhost:%s/ in your browser.', port, port);
  }
});
로그인 후 복사

와 같은 새로운 js 파일을 생성해야 합니다. 구축된 서버를 실행하려면 node.js를 사용하여 cmd app2.js

C:\Users\filbert\Desktop\app2>node app2.js
==> Listening on port 4000. Open up http://localhost:4000/ in your browser.
로그인 후 복사

에 node를 입력하여 페이지를 보려면 http://localhost:4000/을 복사하세요


위 내용은 NPM 사용 정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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