뚜벅이!
Mobile :)
뚜벅이!
전체 방문자
오늘
어제
  • 분류 전체보기 (53)
    • 코딩테스트 (16)
      • programmers level1 (7)
      • codility (9)
    • 프로그래밍 공부 (31)
      • Spring Boot (6)
      • Nuxt.js (5)
      • Node.js (3)
      • Etc (11)
      • Android (6)
    • 잡다한 글 (4)
    • 토이프로젝트 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • level1
  • javascript
  • node
  • Jetpack
  • Kotlin
  • Vue.js
  • 스킬체크테스트
  • token
  • Spring boot
  • nuxt.js
  • codillity
  • docker
  • Vue
  • programmers
  • lesson3
  • firebase
  • 프로그래머스
  • Spring
  • Notification
  • JS
  • ad
  • 초보자
  • lesson4
  • 연습
  • NavBar
  • node.js
  • AndroidX
  • nuxt
  • lesson2
  • 부트

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
뚜벅이!

Mobile :)

[NUXT.JS/VUE.JS] 시작하기(1)
프로그래밍 공부/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

'프로그래밍 공부 > Nuxt.js' 카테고리의 다른 글

[Nuxt.js + Spring Boot] simple example  (0) 2019.06.20
[NUXT.JS/VUE.JS] 시작하기(4) - linked between page  (0) 2019.06.17
[NUXT.JS/VUE.JS] 시작하기(3) - Dynamic Routes  (0) 2019.06.17
[NUXT.JS/VUE.JS] 시작하기(2) - Navigation Bar를 만들자  (0) 2019.06.17
    '프로그래밍 공부/Nuxt.js' 카테고리의 다른 글
    • [Nuxt.js + Spring Boot] simple example
    • [NUXT.JS/VUE.JS] 시작하기(4) - linked between page
    • [NUXT.JS/VUE.JS] 시작하기(3) - Dynamic Routes
    • [NUXT.JS/VUE.JS] 시작하기(2) - Navigation Bar를 만들자
    뚜벅이!
    뚜벅이!
    2022. 4년차 안드로이드 개발자 wndnjs19@gmail.com

    티스토리툴바