개발하는 월퐁잉
놀면서 쉬면서 코딩 하기
개발하는 월퐁잉
전체 방문자
오늘
어제
  • 분류 전체보기
    • DBMS
      • DBeaver
      • HeidiSQL
      • MSSQL
      • MYSQL
    • Cloud
      • Azure
      • AWS
    • 업무
      • Slack
      • IT-Tip
    • Vue
    • HTML
    • Java
    • Gradle
    • IntelliJ
    • GIT

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • vue
  • Eclipse
  • MSSQL
  • 인텔리제이
  • JSP
  • 권한설정
  • GIT
  • Vue.js
  • Exiting because of an unresolved conflict
  • ALTER TABLE
  • 단축키
  • dba
  • Trigger
  • SQL Server
  • IntelliJ
  • npm install
  • Query
  • MySQL
  • DBeaver
  • 미러링

최근 댓글

최근 글

티스토리

250x250
250x250
hELLO · Designed By 정상우.
개발하는 월퐁잉

놀면서 쉬면서 코딩 하기

Vue 개발 환경 설정
Vue

Vue 개발 환경 설정

2022. 8. 18. 08:34
728x90

 

Vue 환경설정

  • Chrome
  • vscode 
  • node 설치
  • vue.js dev tools

 

Chrome 설치

 

Chrome 웹브라우저

더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게.

www.google.com

vscode 설치

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

node 설치

 

Node.js 설치 하기

Node.js란? Node.js는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 많이 사용함 React, Vue 사용하기 위해선 설치 필

hotinme35.tistory.com

 

vue.js dev tools 설치

 

Vue.js devtools

Browser DevTools extension for debugging Vue.js applications.

chrome.google.com

 

Vue CLI 설치

  • Vue CLI는 Vue 프로젝트를 빠르게 구성하고, 빌드, 디플로이 할 수 있게 도와주는 도구

 

vue cli를 설치하는 명령어

npm install -g @vue/cli

 

 

 

참고 : 알아두면 좋은  Extension(확장 플러그인) 설치

 

[Vue] VSCode 필수 확장 플러그인

Extension 설치를 하려면 VS Code 좌측 사이드바 하단의 Extension 아이콘 버튼을 클릭 한다. (Ctrl + Shift + X) 필수 확장 플러그인 Vetur Vue 3 Snippets ESLint Korea Language Pack for Visual Studio Code..

hotinme35.tistory.com

 

 

[Vue] VSCode 유용한 확장 플러그인

유용한 플러그인 Night Owl Material Icon Theme Live Server Prettier Auto Close Tag Atom Keymap Night Owl VScode 편집기의 배경색을 눈에 부담을 주지 않는 색깔로 변환하는 확장프로그램 Material..

hotinme35.tistory.com


728x90
반응형
저작자표시 (새창열림)

'Vue' 카테고리의 다른 글

Visual Studio Code(VS Code) 개발 하는데 유용한 플러그인  (0) 2022.08.18
Visual Studio Code(VS Code) 설치방법 필수 확장 플러그인  (0) 2022.08.18
Node.js 설치 하기  (0) 2022.08.07
[Vue] v-show vs v-if  (0) 2022.08.04
[Vue] computed 속성  (0) 2022.08.04
    'Vue' 카테고리의 다른 글
    • Visual Studio Code(VS Code) 개발 하는데 유용한 플러그인
    • Visual Studio Code(VS Code) 설치방법 필수 확장 플러그인
    • Node.js 설치 하기
    • [Vue] v-show vs v-if
    개발하는 월퐁잉
    개발하는 월퐁잉
    놀멍 쉬멍 개발하는 퐁 - 기억은 사라지지만 기록은 남는다

    티스토리툴바