반응형

# 참조

https://cocoon1787.tistory.com/830

 

[Npm] npm install --save와 --save-dev의 차이점

🚀 안녕하세요. 구글에서 필요한 정보를 찾다가 npm install --save 많이 써봤지만 --save-dev 옵션은 처음 봐서 무슨 옵션인지 알아보고 정리하고자 합니다. ✔️ npm JavaScript용 Package Manager ✔️ npm init

cocoon1787.tistory.com

https://docs.npmjs.com/cli/v9/commands/npm-install

 

npm-install | npm Docs

Install a package

docs.npmjs.com

 

# --save

node_modules 디렉토리에 설치됨

package.json > dependencies 항목에 정보 추가됨

--production 빌드 시 해당 패키지가 포함됨

 

# --save-dev (or --save-D)

node_modules 디렉토리에 설치됨

package.json > devDependencies 항목에 정보 추가됨

--production 빌드 시 해당 패키지가 포함되지 않음

 

**** 그외 ****

# --global (or -g)

프로젝트가 아닌 시스템의 node_modules에 추가

 

프로젝트 별로 필요한 스펙이 다른데 멍청하게 그냥 -g 달고 설치해가지고 귀찮아짐 조금

좀 날리고 다시 설치할 게 필요할듯

 

# dependencies 만 설치

npm install -only=prod (or production)

 

# devDependencies 만 설치

npm install --only=dev (or development)

'2023' 카테고리의 다른 글

2023.01.10. 공부 참고  (0) 2023.01.10
2023.01.09. 참고용  (0) 2023.01.09
[vue] 시작 (vscode_npm_node.js)  (1) 2023.01.06
2023.01.06. 나중에 확인할 링크들  (0) 2023.01.06
jsconfig.json  (0) 2023.01.05
반응형

# vscode 사용한다

 

# terminal 연다

 

# node.js, npm 버전 확인한다 (없다면 설치)

node -v
npm -v

img1 [ node/npm 버전 확인]

 

# vue 설치한다

npm install -g @vue/cli

# vue 버전을 확인한다

vue -v

img2 [ vue 버전 확인 ]

 

* 2023.01.06.FRI

  node v18.12.1

  npm v9.2.0

  vue/cli v5.0.8

 

# 프론트(vue) 프로젝트를 생성한다.

목적이 있고 잘아는 상태가 아니라면 선택지에서 첫번에 있는  Default ([Vue 3] babel, eslint) 를 선택하고 진행한다.

vue create demo_vue

img3 [ Vue 설치 시 첫번째 선택지 ]
img4 [ Vue 프로젝트 생성 완료 ]

기본 프로젝트 생성 완료 시 {img4} 와 같은 결과가 출력되는 것을 확인 할 수 있다.

 

# 서버를 실행해보자.

cd demo_vue
npm run serve

img5 [ 실행 ]

 

# 로컬 (포트8080) 웹 접속 시 아래와 같이 기본 화면이 출력된다.

다음 내용은 다음 기회에,,너무 바빠짐

img6 [ 테스트 페이지 확인 ]

 

반응형

https://infosec.exchange/

 

Infosec Exchange

A Mastodon instance for info/cyber security-minded people.

infosec.exchange

 

https://palant.info/

 

Almost Secure

Wladimir Palant's blog

palant.info

 

https://pfp.works/

 

PfP: Pain-free Passwords

Only one password to remember Conveniently integrated into your browser No need to trust us, your data stays on your device (safely encrypted) Most passwords never stored but generated when needed Easy to recover a password without access to your device Mu

pfp.works

 

https://github.com/palant

 

palant - Overview

palant has 23 repositories available. Follow their code on GitHub.

github.com

 

https://github.com/gohugoio/hugo

 

GitHub - gohugoio/hugo: The world’s fastest framework for building websites.

The world’s fastest framework for building websites. - GitHub - gohugoio/hugo: The world’s fastest framework for building websites.

github.com

 

https://onethejay.tistory.com/58

 

[Vue] Vue.js 게시판 만들기 1 - Frontend 프로젝트 생성

요즘 Frontend에서 핫한 React와 Vue.js 중 Vue.js로 게시판을 만들어봅시다. Front와 Back은 별도의 프로젝트로 구분하여 작업을 진행합니다. Node, Npm, Vue Cli 설치 자기의 OS에 맞게 Node.js을 설치하고 버전

onethejay.tistory.com

 

https://beaniejoy.tistory.com/

 

Beaniejoy의 개발일기

잘못알고 있는 내용이 있을 수 있습니다. 언제나 좋은 피드백 감사합니다.

beaniejoy.tistory.com

 

 

'2023' 카테고리의 다른 글

[npm] install 옵션 --save, --save-dev  (0) 2023.01.06
[vue] 시작 (vscode_npm_node.js)  (1) 2023.01.06
jsconfig.json  (0) 2023.01.05
자바스크립트 잘 쓰기 팁 (Useful Javascript Coding Techiniques)  (0) 2023.01.05
ESLint, Prettier, etc...  (0) 2023.01.04

+ Recent posts