티스토리 뷰

VUEJS

VUEJS) vue js environment setup

Programmers 2021. 10. 18. 08:13
반응형

1) install Nodejs

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

Nodejs

- try LTS Latest version first! if you have npm, reinstall it.
- do not change path.
- if error occur, try to install right one(16.11.1) version. the version will be updated depend on your date.

2) install VScode

https://code.visualstudio.com/

 

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

VScode

open terminal - New Terminal
- npm install -g @vue/cli

teminal

3) Extension

click extension and install extentions

- install vetur
- install HTML CSS Support
- install Vue 3 Snippets

4) create Project

file and open folder

- vue create practice(projectName)

반응형
저작자표시 비영리 변경금지

'VUEJS' 카테고리의 다른 글

VUEJS) vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\USER\AppData\Roaming\npm\vue.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 ..  (0) 2021.10.18
VUEJS) 모바일화면에 맞게 vh지정하는 방법, vh가 맞지 않는 이유  (0) 2021.09.15
vue.esm.js:628 [Vue warn]: The .native modifier for v-on is only valid on components but it was used on <div>.  (0) 2021.09.01
VUEJS) svg위치적용 Ios 위치 문제 해결 방법 position:relative;  (0) 2021.08.19
VUEJS) 퍼블리싱, 동적으로 화면 구현, 웹, 모바일, 테블릿 Window.matchMedia(), Window.devicePixelRatio  (0) 2021.08.10
댓글
공지사항