[초간단] nuxt.js 설치 및 개발 환경-오류해결
- 프로그래밍/nuxt.js,node.js
- 2021. 4. 22.
기본적으로 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. 프로젝트 확인
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 파일을 열어서 아래와 같이 추가
'프로그래밍 > nuxt.js,node.js' 카테고리의 다른 글
node.js 설치 (0) | 2021.07.12 |
---|---|
nuxt.js 시작 참고 사이트 (0) | 2021.05.27 |
노드 api 서버 npm install 시 발생하는 에러 (0) | 2021.04.22 |
npm install시 오류 - npm does not support Node.js (0) | 2021.04.21 |
vu.js 설치 후 오류 const wslToWindowsPath = async path (0) | 2021.04.21 |