[초간단] nuxt.js 설치 및 개발 환경-오류해결

기본적으로 node.js와 npm설치 필수

 

개발OS는 윈도우 기준으로 설명하겠습니다

 

1. vue설치

cmd에서 아래 명렁어들을 입력

npm install -g @vue/cli @vue/cli-init

vue -V

vue -V 오류시 

 

 

vu.js 설치 후 오류 const wslToWindowsPath = async path

npm install -g @vue/cli @vue/cli-init 로 설치 후 vue -V 시 오류 발생 const wslToWindowsPath = async path => {                                ^^^^ SyntaxError: U..

voidfunction-e.tistory.com

 

2. nuxt.js 설치하기

vue init nuxt-community/starter-template my-project  

cd my-project

# install dependencies
npm install

npm run dev

(아래 깃헙에서 Installation 참고)

 

 

nuxt-community/starter-template

DEPRECATED: use create-nuxt-app instead. Contribute to nuxt-community/starter-template development by creating an account on GitHub.

github.com

(npm install 오류시 )

 

npm install시 오류 - npm does not support Node.js

npm does not support Node.js You should probably upgrade to a newer version of node as we can't make any promises that npm will work with this version. Supported releases of Nod..

voidfunction-e.tistory.com

 

3. 프로젝트 확인

 http://localhost:3000

 

 

4. 기타

4-1. scss 설치

npm install node-sass

npm install sass-loader

 

5-1. bootstrap 3

 

1) 아래 사이트 -> Download Sass

 

Getting started · Bootstrap

 

getbootstrap.com

2) 압축을 풀고 assets/fonts 와 assets/stylesheets폴더를 nuxt.js프로젝트안에 assets폴더 안에 붙여넣기

3) nuxt.config.js 파일을 열어서 아래와 같이 추가

 

 

댓글

Designed by JB FACTORY