프로그래밍 공부/Nuxt.js

[NUXT.JS/VUE.JS] 시작하기(1)

뚜벅이! 2019. 6. 17. 00:12
728x90

우선적으로 NUXT를 실행하려면 NODE.JS를 설치해야한다. (npm이나 vue-cil 등이 필요하기 때문에)
NODE.js 홈페이지

 

Node.js

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

nodejs.org

설치가 완료되면, Ctrl+r > cmd > npm 을 쳐봤을때에

Nuxt시작하기

이러한 화면이 나온것을 볼 수가 있다.

그럼 이제

vue init nuxt-community/starter-template <project-name>

라는 명령어를 치면, nuxt 프로젝트를 생성할수 있다. <project-name> 부분에 원하는 이름을 치면 된다.

 

ex) vue init nuxt-community/starter-template firstnuxt

 

완료가되면, cd firstnuxt (폴더로 이동) 후에

npm install 인스톨 해주고

npm run dev 를 해주면 생성 끝....

 

Nuxt시작하기

로딩 후 localhost:3000을 입력하면 바로 웹페이지 제작 끝..!

Nuxt시작하기

대략 5분이면 나만의 웹페이지가 탄생한다

728x90