전제 조건

・MacOS Catallina

Riot.js

Riot.js 소개

앞의 세계에서 프로그램 라이브러리가 가득 차 있지만 솔직히 해결 방안은 아직 없다고 생각합니다.우리는 이 큰 수수께끼를 풀기 위해 리오의 가장 좋은 균형을 찾았다.리액트는 완성된 것처럼 보이지만 리오는 큰 약점을 남긴 문제를 해결한다.
자동 번역감을 부정할 수 없는 일본어 공식 문서에서 인용
Riot.일본어 공식 문서

차리다

$ npm init riot

위 명령을 실행하면 매크로 패키지 생성 이름과 같은 작성 정보가 표시됩니다.
이번엔 이동하는 곳까지 확인하는 거니까 가능한 한

Press ^C at any time to quit.
package name: (riot-test) hello-riotversion: (1.0.0) 
description: 
entry point: (index.js) 
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /Users/yutasato/dev/riot-test/package.json:

{
  "name": "hello-riot",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this OK? (yes) 

만들려는 템플릿 옵션을 표시하려면 예를 선택합니다.
SPA를 선택해 보십시오.

? Please select a template … 
  Webpack Project Template
  Parcel Project Template
  Rollup Project Template
  Simple Component
❯ SPA (Webpack) Project Template
  Custom Template (You will need to provide a template path to your template zip file)

여기서 알아차렸어.
송이경(신지현):이건거의아무것도 안하고끝나는거지...?

✔ Please select a template · webpack-spa
✔ Downloading the template files
✔ Unzipping the file downloaded
✔ Deleting the zip file
✔ Copying the template files into your project
✔ Deleting the temporary folder
✔ Template successfully created!

여기서부터.

$ npm install

준비 완료!

readme까지 준비했어.
npm start에서 시작할 수 있습니다.

Start

npm start

그리하여

움직여!

끝말

선배의 도움 덕분에 넘어지지 않고 템플릿 페이지가 표시되는 곳에 빠르게 도착했다.
(기사를 쓰는 시간이 좀 길군요. 그리고 Hello World는 아니에요.)

참고 자료

・Riot.js의 개발 환경 새로운 혁명 구축!
사전 조사 때 본 페이지는 기본적으로 이 분의 기사입니다.링크에 책 홍보가 있다.
이번에 환경을 구축할 때 init에서 묻는 항목이 링크 전 보도보다 늘어났기 때문에 리오.js도 상세한 유지보수와 업데이트를 진행한 것 같습니다.