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가 필요합니다.
npmnode.js 를 설치하면 함께 설치됩니다.
따라서 node.js를 설치합니다.

집필 시점에서의 최신판인 Ver12계를 인스톨 합니다.

설치


curl -sL https://rpm.nodesource.com/setup_12.x | bash -
yum install nodejs

버전 확인


node -v
npm -v
nodejs v12.7.0npm 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



할 수 있었습니다. 대단해.

좋은 웹페이지 즐겨찾기