제이쿼리 자동완성기능 설치하기

제이쿼리 작성  자동완성기능

 

 

 

1. node.js 파일을 설치해야 자동완성 패키지를 사용가능

( 용어 : 설치는 패치지/ 연결은 라이브러리)

 

 

왼쪽 안정적, 신뢰도 높음으로 다운받아야함

 

 

https://nodejs.org/ko/

Node.js

 

다운로드 후 설치!

---

2.TERMINAL 셋팅

 

 

Visual Studio code > TERMINAL 에서 

node -v  입력후  v16.18.0 버전뜨는것확인

 

 

 

 npm init -y 

작성시 에러 뜨면

한글 폴더이기 때문

 

이럴땐  npm init 로 입력 

 

 

 

jquery 넣고 

엔터엔터엔터

 

 

 

끗

 

---

3. 확인

 

 

 

폴더 안 패키지 폴더 설치 확인

이곳에 자동완성 패키지가 저장된다

 

 

 

---

5. node_modules 추가 설치

 

 npm i @types/jquery 

 

 

 

상위 패키지를 사용하기 위한 

하위패키지 자동설치됨 

 

 

 

 

 

---

6. 입력시  자동완성 기능 확인

 

 

 

 

---

 

VS 코드 터미널에서 말고 또는  여기서 설치해도됨 

 

파일폴더명에서 cmd 치고 엔터 여기서 작성

 

 

---

정리!

 

 

- node.js 설치, npm 노드패키지매니저가 같이 설치됨
- 탐색기 상단 폴더명에서 cmd입력하여 명령프롬프트(터미널) 열기
- vscode 터미널창 사용해도됨
- node -v로 버전확인, npm -v
- npm init -y로 package.json(프로젝트정보) 생성
- 폴더명이 한글일 경우 npm init 으로 초기화 하고 패키지명은 소문자로 jquery
- package.json은 설치된 패키지 버전정보가 기록됨
- npm install(i) @types/jquery 으로 패키지설치하면 package.json에 기록됨
- 기본값으로 지역(해당프로젝트폴더)설치됨
- package-lock.json 메인패키지의 하위패키지정보가 기록됨
- node_modules폴더에 패키지설치파일이 들어감

 

 

 

 

 

---

 

 

제이쿼리가 안깔린 폴더는 

그냥 복사붙여넣기 하면됨 

 

 

 

 

 

 

 

 

 

 

참고링크

https://2jinishappy.tistory.com/170