230610 stackblitz에서 nodejs 프로젝트 npm 명령어 자동 실행하기

230610 stackblitz에서 nodejs 프로젝트 npm 명령어 자동 실행하기

stackblitz에서 node 프로젝트를 만들고 실행을 하기 위해서는 터미널에 명령어를 입력해야 한다.
자신의 프로젝트라면 직접 입력하면 되지만, 공유를 할 때는 자동으로 명령어를 실행되게 하면 상대방이 편하게 볼 수 있다.

 

공유 또는 임베드 시에 명령어 자동 실행하기

1. package.json 파일에서 scripts에 npm 명령어 만들기

{
  ...
  "scripts": {
    "start": "node index.js"
  },
  ...
}

 

2. 공유 또는 임베드하는 url의 쿼리 스트링으로 npm 명령어를 지정 ->  startScript = npm명령어

stackblitz.com/fork/github/{gh_username}/{repo_name}?startScript={npm_script_name}

Importing projects

 

iframe을 통해 nodejs 프로젝트 공유하기

<iframe 
src='https://stackblitz.com/edit/stackblitz-starters-8ufygg?&embed=1&file=index.js&hideExplorer=1&hideNavigation=1&theme=dark&view=preview&startScript=start'
style='width:100%;height:600px;'
>
</iframe>