JavaScript는 프레임의 프로젝트 제작 명령을 나열합니다.

개시하다

JavaScript의 프레임워크는 npm과 Yarn 등의 포장 관리자를 사용하여 의존 관계를 간단하게 해결하고 프로젝트를 초기 형태로 만드는 명령을 자주 받는다.
명령행 도구를 통해 프로젝트를 간단하게 자동으로 제작할 수 있고 개발 서버에서 실행할 수 있어 매우 편리하다. 그래서 나는 유명한 자바스크립트 프레임워크의 초기 제작 명령을 비망록으로 삼았다.
각 명령<project-name> 섹션의 디렉토리 이름, 기본 프로젝트 이름을 만듭니다.제작할 항목에 따라 적당한 교체를 하세요.
공식 문서에 근거하여 기본 명령을 총결하다.프로젝트를 만들 때 상호작용으로 설정할 수 있는 항목을 글에서 처리하지 않습니다.프로젝트 설명과 사용 가능한 옵션은 공식 문서를 참조하여 실행하십시오.

전제 조건

Node.js 설치(버전 8 이후 최신 LTE 버전 추천)

npm 또는 Yarn을 사용할 수 있습니다(npm은 기본적으로 Node.js에 설치되어 있음)

Vue

npm

$ npm install -g @vue/cli

$ vue create <project-name>
$ cd <project-name>
$ npm run serve

Yarn

개발 서버

$ yarn global add @vue/cli

$ vue create <project-name>
$ cd <project-name>
$ npm run serve

가 시작됩니다.

Nuxt.js（2.x）

npm

$ npm init nuxt-app <project-name>
$ cd <project-name>
$ npm run dev (yarn dev)

npx

$ npx create-nuxt-app <project-name>
$ cd <project-name>
$ npm run dev

Yarn

개발 서버

$ yarn create nuxt-app <project-name>
$ cd <project-name>
$ yarn dev

가 시작됩니다.

Nuxt.js（3.x）

Nuxt3의 설치 단계가 대폭 변경되었습니다.nuxi를 사용하면 이전보다 간단하고 빠르게 설치할 수 있습니다.nuxi는 Nuxt에서 사용하는 새 CLI입니다.
개발 서버

$ npx nuxi init <project-name>
$ cd <project-name>
$ yarn install
$ yarn dev -o

가 시작됩니다.

React

npm

$ npm init react-app <project-name>
$ cd <project-name>
$ npm start

npx

$ npx create-react-app <project-name>
$ cd <project-name>
$ npm start

Yarn

$ yarn create react-app <project-name>
$ cd <project-name>
$ yarn start

npm, npx를 사용하여 설치할 때 Yarn이 설치되어 있으면 기본적으로 Yarn을 패키지 관리자로 사용합니다.
개발 서버http://localhost:8080가 시작됩니다.

Next.js

npm

$ npx create-next-app <project-name>
$ cd <project-name>
$ npm run dev

Yarn

$ yarn create next-app <project-name>
$ cd <project-name>
$ yarn dev

Yarn을 React와 같이 설치할 때 기본적으로 Yarn을 사용합니다.
개발 서버http://localhost:3000가 시작됩니다.

Angular

npm

$ npm install -g @angular/cli

$ ng new <project-name>
$ cd <project-name>
$ ng serve --open

Yarn

$ npm install -g @angular/cli

$ ng config -g cli.packageManager yarn
$ ng new <project-name>
$ cd <project-name>
$ ng serve --open

ng serve --open가 기본 브라우저에서 시작됩니다.
개발 서버http://localhost:3000가 시작됩니다.

Svelte

공식적으로 공개된 템플릿에 따라 새로운 프로젝트를 제작하다.

npx

개발 서버

$ npx degit sveltejs/template <project-name>
$ cd <project-name>
$ npm install
$ npm run dev

가 시작됩니다.

끝말

공식 문서를 바탕으로 유명한 자바스크립트 프레임워크의 초기 프로젝트 제작 명령을 열거했다.간단한 명령 하나로 바로 개발을 시작할 수 있는 환경은 매우 편리하다.틀이 지금까지 발전하면서 많은 사람들이 선택한 이유를 알게 된 것 같아요.
공식 문서를 보면서 글을 쓰는 과정에서 많은 것을 발견했기 때문에 앞으로 자바스크립트 프레임에 대한 이해를 더 깊게 하고자 한다.
끝까지 읽어주셔서 감사합니다.

참조 문서

http://localhost:3000
http://localhost:3000
http://localhost:4200
http://localhost:5000
https://cli.vuejs.org/guide/creating-a-project.html#vue-create
https://ja.nuxtjs.org/docs/2.x/get-started/installation/
https://ja.reactjs.org/docs/create-a-new-react-app.html
https://github.com/facebook/create-react-app
https://nextjs.org/docs/api-reference/create-next-app