Vagrant + VirtualBox + CentOS 7에 Nuxt.js 넣기
Vagrantfile 수정
Vagrantfile
Vagrant.configure(2) do |config|
config.vm.box = "bento/centos-7.6"
config.vm.box_url = "https://app.vagrantup.com/bento/boxes/centos-7.6"
#config.vm.network :forwarded_port, guest: 80, host: 8888
config.vm.network :forwarded_port, guest: 3000, host: 3000
config.vm.network :private_network, ip: "192.168.33.34"
#config.vm.synced_folder "./mnt/project/", "/mnt/project/",
#:owner => "vagrant", :group => "vagrant",
#:mount_options => ["dmode=777,fmode=777"]
end
나중에 nuxt.js에서 프로젝트를 만들 때 다양한 라이브러리를 설치하지만,
그 때에 심볼릭 링크를 만들려고 합니다.
그러나 Vagrant로 마운트 된 디렉토리에 심볼릭 링크를 만들 수 없으므로 오류가 발생하기 때문에,
마운트하지 않도록 설정합니다.
또, 로컬 환경의 URL 「 http://localhost:3000 」에 액세스 할 수 있도록(듯이) 포트 포워딩의 설정을 하고 있습니다.
Node.js 설치
공식 문서에 따라
Nuxt.js
를 설치하려면 create-nuxt-app
를 사용하십시오.create-nuxt-app
를 사용하려면 npx
가 설치되어 있어야하며,npx
를 설치하려면 npm
가 필요합니다.npm
는 node.js
를 설치하면 함께 설치됩니다.따라서
node.js
를 설치합니다.집필 시점에서의 최신판인 Ver12계를 인스톨 합니다.
설치
curl -sL https://rpm.nodesource.com/setup_12.x | bash -
yum install nodejs
버전 확인
node -v
npm -v
nodejs v12.7.0
및 npm v6.10.0
가 설치되었습니다.npx 설치
설치
npm install -g npx
Nuxt.js 설치
이제
create-nuxt-app
를 사용할 수 있으며 Nuxt.js
를 설치할 준비가되었습니다.다음 명령을 사용하여
Nuxt.js
를 실행합니다.cd /path/to/project
npx create-nuxt-app myproject
CUI에 어떤 모듈을 넣을지 여러가지 질문을 받습니다.
jQuery와 PHP로 살아온 인간이므로,
궁금한 질문 내용을 거의 잘 모르지만 느낌으로 극복합니다.
npx create-nuxt-app myproject
npx: installed 379 in 18.122s
create-nuxt-app v2.8.0
✨ Generating Nuxt.js project in /path/to/project/myproject
? Project name test
? Project description My mind-blowing Nuxt.js project
? Author name
? Choose the package manager Npm
? Choose UI framework Bootstrap Vue
? Choose custom server framework Express
? Choose Nuxt.js modules Axios, Progressive Web App (PWA) Support
? Choose linting tools ESLint
? Choose test framework Jest
? Choose rendering mode Universal (SSR)
cd test
rpm run dev
끝
할 수 있었습니다. 대단해.
Reference
이 문제에 관하여(Vagrant + VirtualBox + CentOS 7에 Nuxt.js 넣기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/qwe001/items/607b4b8f5dbc76c45b72텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)