frontend, backend, 개발툴등에 대한 개인 자료 정리 공간입니다.

Note > npm cli 명령어 모음 npm install

By a3040, Published on Invalid Date

패키지를 설치하기 위한 명령어입니다.

웹프로그램을 개발해보려고 express라는 패키지를 설치해보겠습니다.

package.json 파일의 dependencies 항목에 해당 패키지 정보가 자동으로 추가됩니다.

작업하고 있던 폴더에는 node_modules라는 폴더가 생성되며 프로젝트에 종속된 패키지 관리를 수행합니다.

개발용으로 node대신 nodemon 패키지도 설치해봅니다.

package.json 파일에는 devDependencies 항목이 추가됩니다.

git 등에서 clone으로 프로젝트를 설치한 후 package.json이 존재할때

npm install [엔터]

를 실행하시면 package.json파일 안의 종속성 패키지들 전체가 설치 됩니다.

현재 작업중인 프로젝트에 설치

npm install [패키지명]: 프로젝트의 로컬 디렉토리에 패키지를 설치합니다. 이때 package.json 파일의 dependencies 항목에 해당 패키지 정보가 추가됩니다.

npm install [패키지명] --save: 위와 동일하게 패키지를 설치하면서, package.json 파일의 dependencies 항목에 해당 패키지 정보를 추가합니다.

npm install [패키지명] --save-dev 또는 npm install [패키지명] -D 명령어를 사용하여 설치하면, package.json 파일에는 devDependencies 항목이 추가되어, 해당 패키지가 개발 시에만 필요한 패키지임을 명시합니다.

node가 설치된 전체 설치

npm install [패키지명] -g: 글로벌하게 패키지를 설치합니다

Note > npm cli 명령어 모음 npm run

By a3040, Published on Invalid Date

package.json 파일에서 정의된 스크립트를 실행하기 위한 명령어입니다. 이 명령어를 사용하면 커스텀 명령어를 실행할 수 있습니다.

npm init 로 package.json을 생성한 후 package.json의 scripts 부분을 수정합니다.

  "scripts": {
    "start": "node index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

index.js 추가 후

console.log("1");

node가 자바스크립트런타임이기 때문에

> node index.js 라고 터미널에 직접 입력하셔도 됩니다.

node로 직접 실행

Note > npm cli 명령어 모음 npm init

By a3040, Published on Invalid Date

새로운 Node.js 프로젝트를 시작할 때, package.json 파일을 생성하기 위한 명령어입니다.

> npm init

This utility will walk you through creating a package.json file.

It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields

and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and

save it as a dependency in the package.json file.

Press ^C at any time to quit.

package name: (express1)

version: (1.0.0)

description:

entry point: (index.js)

test command:

git repository:

keywords:

author:

license: (ISC)

About to write to C:\Users\HANSUNG\Documents\work\baseJS\node\express1\package.json:

{

"name": "express1",

"version": "1.0.0",

"description": "",

"main": "index.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1"

"author": "",

"license": "ISC"

}

package name: 프로젝트의 이름을 입력하는 부분입니다.

version: 프로젝트의 버전을 입력하는 부분입니다.

description: 프로젝트에 대한 간단한 설명을 입력하는 부분입니다.

entry point: 프로젝트의 진입점을 입력하는 부분입니다. 기본값으로 index.js가 설정되어 있습니다.

test command: 프로젝트의 테스트를 실행하기 위한 명령어를 입력하는 부분입니다.

git repository: 프로젝트의 Git 저장소 URL을 입력하는 부분입니다.

keywords: 프로젝트의 키워드를 입력하는 부분입니다.

author: 프로젝트의 작성자를 입력하는 부분입니다.

license: 프로젝트의 라이선스를 선택하는 부분입니다. 기본값으로 ISC가 설정되어 있습니다.

Note > 개발환경과도구정리 vscode-편집기

By a3040, Published on Invalid Date

Visual Studio Code - Code Editing. Redefined

VS Code(Visual Studio Code)는 마이크로소프트에서 개발한 무료 오픈 소스 코드 편집기입니다. VS Code는 사용하기 쉽고,코드 편집이 용이하며 많은 확장이 있습니다. 초기에는 가볍다는 느낌을 받았는데 확장이 많아지면 역시나 무거운 느낌입니다. 실행 명령어로 무려 code 명령어를 잠식해 가고 있습니다.;;

Visual Studio Code 다운 및 설치

이후로는 vscode로 작성하겠습니다.

Visual Studio Code - Code Editing. Redefined 에서 vscode를 다운받습니다.

vscode download

다운로드 합니다.

vscode 설치 시 실행중일때 경고

설치가 되어 실행되고 있을경우 경우 모든 vscode를 종료 후 다시 실행하면 설치될걸 같습니다.

방금 확인했는데 window 7용 vscode는 없네요. 8부터 지원

특별한 문제가 없이 설치 될것으로 생각합니다.

vscode 실행

설치 후 검색 실행 화면입니다.

Note > 자바스크립트 프레임워크/라이브러리모음 node, npm