Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- utilty type
- const 단언문
- JS console
- 티스토리꾸미기
- 제네릭
- 개발콘텐츠
- reactjs
- 폰트적용하기
- React Native
- 반복줄이기
- 2022
- vue.js
- javascript
- Chart.js
- 누구나 자료구조와 알고리즘
- 커스텀
- TSDoc
- 레이아웃쪼개기
- 리액트
- 공통컴포넌트
- 타입좁히기
- React.js
- CSS
- typescript
- 타입스크립트
- NonNullable
- react
- 성능최적화
- returnType
- click and drag
Archives
- Today
- Total
몽땅뚝딱 개발자
[Vue.js] 기본 터미널 명령어 본문
◽ Packaged Manager 버전 확인
-- npm의 경우
npm -v
-- yarn의 경우
yarn --version
◽ Vue-cli를 이용한 프로젝트 생성
vue init [프로젝트명] [파일위치] // CLI 2
vue create [프로젝트명] // CLI 3
◽ vue 모듈 설치 및 삭제
-- npm으로 설치하기
npm i [Module Name]
npm install [Module Name]
ex) npm i --save vue-router
-- npm으로 전역으로 설치하기
npm install [Module Name] --global
npm install [Module Name] --g
ex) npm install gulp --global
-- npm으로 삭제하기
npm uninstall [Module Name]
ex) npm uninstall gulp
-- yarn으로 설치하기
yarn add
ex) yarn add webpack
◽ vue-cli 설치
(※ CLI, Command Line Interface / vue-cli는 vue 개발 환경 설정 도구로 기본적인 프로젝트 구조를 만든다.)
npm i -g @vue/cli
npm install -g @vue/cli
◽ vue-cli 초기화
npm i @vue/cli -init
◽ vue 버전 확인
vue --version
◽ vue 프로젝트 구동
-- npm으로 구동하기
npm run dev // CLI 2
npm run serve // CLI 3
-- yarn으로 구동하기
yarn start
◽ vue 의존성 버전 체크
npm outdated
◽ vue 의존성 업데이트
npm update
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
'Development > Vue.js' 카테고리의 다른 글
[Vue.js] 서버 포트 변경하기 (npm) (0) | 2021.07.05 |
---|---|
[Vue.js] 사용하는 확장프로그램 (0) | 2021.06.30 |
[Vue.js] 라우터를 이용한 페이지 이동/새로고침 (0) | 2021.06.25 |
[Vue.js/라이브러리] Vue에서 슬라이드 사용하기 / Vueper Slides (0) | 2021.06.23 |
[Vue.js] 세션 사용하기 (npm) (0) | 2021.06.21 |
Comments