>  기사  >  개발 도구  >  vscode를 사용하여 로컬 서버를 구축하는 방법

vscode를 사용하여 로컬 서버를 구축하는 방법

王林
王林원래의
2020-01-09 14:47:123796검색

vscode를 사용하여 로컬 서버를 구축하는 방법

1. Node 설치

2. express 설치

터미널을 열고 다음 코드를 입력하세요:

// 全局安装
npm install express -g

// 测试是否安装成功
express -h

// 安装如果出现问题,则运行
npm install express-generator -g

3. 프로젝트 폴더 만들기

(1) 단계:

1 .express myapp

vscode를 사용하여 로컬 서버를 구축하는 방법

2, cd myapp

3, npm install

위 단계에 대한 지침: 먼저 프로젝트 폴더 myapp을 만들고 폴더에 들어가서 프로젝트를 초기화합니다.

(2) Express 프레임워크 구성

vscode를 사용하여 로컬 서버를 구축하는 방법

지침:

bin은 프로젝트 시작 방법을 구성하는 프로젝트의 시작 파일입니다. 기본값은 npm start이고 www 파일은 서비스를 시작하는 데 사용됩니다.

node_modules는 파일 필수 모듈입니다.

public은 js, css, img 및 기타 파일이 배치되는 프로젝트의 정적 파일입니다.

routes는 주소 라우팅을 제어하는 ​​프로젝트의 라우팅 정보 파일입니다.

views는 ejs나 jade 등의 템플릿 파일이 포함된 뷰 파일입니다. (실제로는 html 형식의 파일과 동일합니다.)

위는 웹 프로젝트의 기본 구성인 express 기반의 MVC 프레임워크 모델입니다.

4. 실행

vsCode의 터미널에서 node ./bin/www를 입력하여 서비스를 시작합니다. node ./bin/www 启动服务。

注意:node ./bin/www`这个路径在package.json文件看,自己安装时会有差别。

在浏览器中访问localhost:3000

참고: 경로 노드 ./bin/www`는 package.json 파일에서 찾을 수 있습니다. 직접 설치하면 달라집니다.

브라우저에서 localhost:3000에 액세스합니다. 아래 그림에 표시된 효과는 시작이 성공했음을 나타냅니다.

vscode를 사용하여 로컬 서버를 구축하는 방법

참고: 3000 포트 번호는 bin 파일 아래의 www 파일에 있습니다.

🎜🎜 추천 관련 기사 튜토리얼: 🎜vscode 튜토리얼🎜🎜

위 내용은 vscode를 사용하여 로컬 서버를 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.