Vue는 다음 프레임워크를 사용할 수 있습니다. 1. Ant Design Vue는 매우 성숙한 프레임워크이며 이를 사용하여 사용자 인터페이스를 만드는 것이 매우 간단합니다. 2. BalmUI는 뛰어난 대화형 경험을 갖춘 UI 구성 요소 라이브러리입니다. 반응성이 뛰어나고 접근이 용이하며 터치 친화적인 UI 구성 요소 프레임워크입니다. 4. 고유한 기능과 광범위한 구성 기능을 갖춘 50개 이상의 구성 요소를 제공하는 Vuestic 5. 데스크톱 구성 요소 라이브러리인 Element - 집중된 프레임워크.
이 튜토리얼의 운영 환경: windows7 시스템, vue3 버전, DELL G3 컴퓨터.
Vue는 간단하고 명확한 API를 갖춘 경량의 고성능 구성 요소 가능 MVVM 라이브러리로 빠르게 시작할 수 있습니다. Vue는 출시 이후 많은 웹 개발자들로부터 인정을 받았습니다.
회사의 웹 프론트엔드 프로젝트 개발에서는 Vue 기반 UI 컴포넌트 프레임워크를 사용하여 여러 프로젝트를 개발하여 정식으로 활용했습니다.
Vue.js 프레임워크와 UI 구성 요소 라이브러리를 사용한 후 개발 팀은 개발 효율성을 크게 향상시키고 코드 작성을 줄였으며 많은 인터페이스 효과 구성 요소가 캡슐화되었습니다.
Vue UI 구성 요소 라이브러리를 선택하는 과정에서 별 수, 문서의 풍부함, 업데이트 빈도, GitHub 유지 관리 등의 요소를 기반으로 우수한 Vue UI 구성 요소 라이브러리도 수집하고 컴파일했습니다.
vue와 함께 사용할 수 있는 프레임워크
1. iView
iView는 Vue.js 기반의 오픈 소스 UI 컴포넌트 라이브러리 세트로 주로 PC 인터페이스의 Middle, Back-End 제품을 서비스합니다. . iView의 구성 요소는 비교적 완벽하고 빠르게 업데이트되며 설명서가 매우 상세합니다. 회사 팀에서 유지 관리하며 비교적 안정적인 Vue UI 구성 요소 프레임워크입니다. iView 생태계도 매우 잘 돌아가고 있으며, 백엔드 작업에 매우 편리한 오픈소스 iView Admin도 있습니다. 공식 웹사이트에 따르면 iView는 TalkingData, Alibaba, Baidu, Tencent, Toutiao, JD.com, Didi Chuxing, Meituan, Sina, Lenovo 및 기타 대기업과 같은 대기업의 제품에 사용되었습니다.
iView 공식 홈페이지: https://www.iviewui.com/
2. Vux
Vux는 WeUI와 Vue2.x를 기반으로 개발된 모바일 UI 컴포넌트 라이브러리로 주로 WeChat 페이지를 서비스하고 있습니다. Vux의 위치는 매우 명확합니다. 하나는 Vue 모바일 UI 구성 요소 라이브러리이고 다른 하나는 WeUI의 기본 스타일 라이브러리입니다. Vux 구성 요소는 모든 WeUI 콘텐츠를 다루며 일반적으로 사용되는 일부 구성 요소도 확장합니다. 예: 고정, 타임라인, V-차트, XCircle. Vux는 개인적으로 관리됩니다. 그러나 GitHub의 스타는 여전히 매우 높아 13,000에 도달합니다. GitHub에서 문제가 매우 빠르게 종료되는 것을 보았습니다. Vux 문서의 기본 구성 요소 사용법과 효과가 설명되어 있습니다. 많은 Vux 사용 사례는 vux 공식 웹사이트에도 표시됩니다. WeChat 페이지 개발에는 기본적으로 버그가 많지 않으며 개발이 비교적 원활합니다.
Vux 공식 웹사이트: https://vux.li/
3. Element
Element는 개발자, 디자이너 및 제품 관리자를 위한 Vue 2.0 기반 데스크톱 구성 요소 라이브러리 세트입니다. Element는 Ele.me의 프런트엔드 오픈 소스로 유지 관리되는 Vue UI 구성 요소 라이브러리입니다. 업데이트 빈도는 여전히 매우 높으며 기본적으로 매주 ~ 보름에 새 버전이 출시됩니다. 구성 요소는 완전하며 기본적으로 백엔드에 필요한 모든 구성 요소를 포함합니다. 문서에 자세히 설명되어 있으며 많은 예가 있습니다. 나는 실제로 그것을 사용한 적이 없습니다. 인터넷에는 많은 Element 튜토리얼과 기사가 있습니다. 요소는 비교적 고품질 Vue UI 구성 요소 라이브러리여야 합니다.
Element 공식 웹사이트: http://element.eleme.io/#/zh-CN
Element+는 Vue2에서 유명해졌습니다. Element+는 눈에 띄지 않는 많은 구성 요소를 Vue3에 가져와 매우 복잡한 애플리케이션을 만듭니다. 프로그램에 필요한 프로그램이 이미 제작되어 사용 가능합니다. Element+는 성숙한 날짜 및 시간 선택기, 트리, 타임라인 및 달력 구성 요소를 제공합니다.
Element+는 간단한 애니메이션부터 사용자 정의 번역을 생성하거나 내장되지 않은 언어를 추가하기 위해 i18n과 결합할 수 있는 프레임워크 전체 국제화 시스템에 이르기까지 개발자가 UI 인터페이스를 구축할 때 필요할 수 있는 가장 작은 위젯도 제공합니다. .
Element+는 GitHub에서 11.1,000개 이상의 별을 보유하고 있으며 Github에서 가장 인기 있는 Vue3 UI 프레임워크 중 하나가 되었습니다. 이는 뛰어난 문제 관리, 적시 업데이트, 플러그 가능한 구성 요소 및 SCSS 변수를 통한 높은 사용자 정의 기능으로 개발 표준에 도달합니다.
4. Mint
Mint UI는 Ele.me 프런트엔드 프로젝트에서도 파생된 Vue.js 모바일 구성 요소 라이브러리를 기반으로 합니다. Mint UI는 진정으로 요청 시 구성 요소를 로드하는 것입니다. 선언된 구성 요소와 해당 스타일 파일만 로드할 수 있습니다. Mint UI는 CSS3를 사용하여 다양한 애니메이션을 처리하여 불필요한 브라우저 다시 그리기 및 리플로우를 방지하여 사용자가 원활하고 원활한 경험을 할 수 있도록 합니다. 인터넷에 있는 많은 비디오 튜토리얼은 Mint UI를 기반으로 하며 모바일 웹 프로젝트를 개발하는 것이 매우 편리하고 문서도 매우 간결하고 명확합니다. 많은 페이지 Mint UI 구성요소가 캡슐화되어 있으며, 기본적으로 예제에 따라 작성하고 간단한 조정만으로 구현할 수 있습니다. 그러나 GitHub에 마지막으로 코드를 제출한 날짜는 2018년 1월 16일이었습니다. 프로젝트가 비교적 안정적이어서 업데이트가 되지 않은 것인지, 아니면 프로젝트가 포기될 수도 있는지는 모르겠습니다.
Mint UI 공식 홈페이지: http://mint-ui.github.io/#!/zh-cn
5, Bootstrap-Vue
Bootstrap-VUE는 vue2 기반의 Bootstrap V4 구성 요소 및 그리드 시스템 구현을 제공하여 광범위하고 자동화된 WAI ARA 접근성 마크업을 완성합니다. Bootstrap 4는 최신 버전입니다. Bootstrap 3에 비해 더 구체적인 클래스가 있고 일부 관련 부분을 관련 구성 요소로 변환합니다. 동시에 Bootstrap.min.css의 크기는 40% 이상 감소했습니다. Bootstrap4는 IE8 및 iOS 6에 대한 지원을 포기했으며 이제 IE9 이상 및 iOS 7 이상 브라우저만 지원합니다. 반응형 웹사이트가 처음 대중화되었을 때, 부트스트랩은 전 세계적으로 모바일 우선 웹사이트 구축을 위한 가장 인기 있는 프레임워크였습니다. 지금도 많은 기업 웹사이트가 Bootstrap을 사용하여 반응형으로 운영되고 있습니다. Bootstrap-Vue를 사용하면 Vue에서 Bootstrap 효과를 얻을 수 있습니다.
Bootstrap-Vue 공식 웹사이트: https://bootstrap-vue.js.org/
6. Ant Design Vue
Ant Design Vue는 기업에서 개발 및 제공되는 Ant Design 3.X의 Vue 구현입니다. -레벨 백엔드 제품. 여러 Ant Design Vue 구성 요소는 GitHub에서 찾을 수 있습니다. 그러나 이에 비해 Ant Design Vue가 더 좋습니다. Ant Design Vue는 React 디자인 도구 시스템의 Ant Design을 공유하고, React 구성 요소의 모든 Ant Design을 구현하며, 최신 브라우저와 IE9 이상(폴리필 필요)을 지원합니다. Ant Design에 익숙한 사람들도 Vue를 사용할 때 쉽게 시작할 수 있습니다.
Ant Design Vue 공식 웹사이트: https://vuecomComponent.github.io/ant-design-vue/docs/vue/introduce-cn/
Ant Design Vue는 Ant Design Vue를 사용하여 사용자를 생성하는 매우 성숙한 프레임워크입니다. 인터페이스 매우 간단하며 이러한 구성 요소는 다양한 아이콘 스타일, 글꼴 및 검정색 테마에 적용할 수 있습니다. Ant Design Vue는 60개 이상의 구성 요소를 지속적으로 개선하여 기본적으로 대부분의 프로젝트 요구 사항을 충족하고 더 좋고 쉽게 액세스할 수 있도록 만들고 있습니다.
7, AT-UI
AT-UI는 Vue.js 2.0 기반의 프론트엔드 UI 컴포넌트 라이브러리로 주로 PC 웹사이트용 미들 및 백엔드 제품을 빠르게 개발하는데 사용됩니다. 최신 브라우저와 IE9 이상을 지원합니다. AT-UI는 보다 간소화되었으며 일반적으로 사용되는 구성 요소를 백그라운드에서 구현합니다.
AT_UI 공식 웹사이트: https://at-ui.github.io/at-ui/#/zh
8, Vant
Vant는 가볍고 안정적인 모바일 Vue 구성 요소 라이브러리입니다. Vant는 Youzan 팀에서 오픈 소스로 제공되며 주로 Youzan 팀에서 유지관리합니다. Vant Weapp은 Youzan의 모바일 구성 요소 라이브러리인 Vant의 미니 프로그램 버전입니다. 둘 다 동일한 시각적 사양을 기반으로 하며 개발자가 미니 프로그램 애플리케이션을 빠르게 구축할 수 있도록 일관된 API 인터페이스를 제공합니다. 지금까지 Vant는 Youzan의 온라인 비즈니스에서 테스트한 50개 이상의 구성 요소를 오픈 소스로 제공했습니다. 예: AddressEdit 주소 편집, AddressList 주소 목록, 지역 및 도시 선택, 카드 카드, 연락처 담당자, 쿠폰 쿠폰, GoodsAction 제품 페이지 작업 포인트, SubmitBar 제출 주문 열, Sku 제품 사양 팝업 레이어. 쇼핑몰을 구축하고 인터페이스와 비즈니스 로직 구현에 크게 신경 쓰지 않는다면 Vant 컴포넌트 라이브러리를 사용하여 빠르게 개발할 수 있습니다.
Vant 공식 웹사이트: https://youzan.github.io/vant/#/zh-CN/intro
9, Cube-ui
cube-ui는 Vue.js를 기반으로 한 정교한 모바일 구성 요소 라이브러리입니다. . Didi의 내부 구성 요소 라이브러리를 통해 간소화되고 개선되었으며, 각 구성 요소는 후속 통합을 보장할 만큼 충분한 단위 테스트를 거쳤습니다. 최고의 대화형 경험을 추구하세요. 통일된 디자인 상호 작용 표준을 따라 디자인 효과를 크게 복원합니다. 인터페이스가 표준화되고 사용 방법이 통일되고 표준화되어 개발이 더욱 간단하고 효율적으로 이루어집니다. 온디맨드 도입 및 사후 컴파일을 지원하고, 가볍고 유연하며, 강력한 확장성을 가지며, 기존 구성 요소를 기반으로 2차 개발을 쉽게 구현할 수 있습니다.
cube-ui 공식 웹사이트: https://didi.github.io/cube-ui/#/zh-CN
10, Muse-UI
Muse-UI는 Vue 2.0 우아한 머티리얼 디자인 UI를 기반으로 합니다. 구성요소 라이브러리 . Muse UI에는 다양한 비즈니스 환경에 적응할 수 있는 40개 이상의 UI 구성 요소가 있습니다. Muse UI에서는 테마 스타일 교체를 완료하는 데 소량의 코드만 필요합니다. Muse UI를 사용하여 복잡한 단일 페이지 응용 프로그램을 개발할 수 있습니다
Muse-UI 공식 웹사이트: https://muse-ui.org/#/zh-CN
11, N3-comComponents
N3 구성 요소 라이브러리 Vue.js를 기반으로 하므로 프런트엔드 엔지니어와 풀스택 엔지니어가 페이지와 애플리케이션을 빠르게 구축할 수 있습니다. N3 구성 요소는 60개 이상의 구성 요소, 구성 요소 목록, 사용자 정의 스타일을 갖추고 있으며 다중 모델링 패러다임(UMD)을 지원하고 ES6를 사용하여 개발되었습니다.
N3 공식 웹사이트: https://n3-comComponents.github.io/N3-comComponents/comComponent.html
12, Mand Mobile
Mand Mobile은 금융 시나리오를 위한 Vue 모바일 UI 구성 요소 라이브러리입니다. 유연하고 실용적이며 신속하게 고품질 금융 상품을 구축하여 복잡한 금융 시나리오를 단순화합니다. Mand Mobile에는 금융 시나리오를 다루는 풍부한 구성 요소와 30개 이상의 기본 구성 요소가 포함되어 있습니다. 매우 사용하기 쉬운 구성 요소에는 자세한 문서와 사례 데모가 포함되어 있으며, 최첨단 기술을 활용하고 구성 요소화 및 경량화를 구현하며 안정성과 품질을 유지하고 재무 시나리오를 완벽하게 다루기 위해 노력합니다.
맨드 모바일 공식 홈페이지: https://didi.github.io/mand-mobile/#/zh-CN/home
13, we-vue
we-vue는 Vue.js를 기반으로 하는 모바일 관련 구성 요소 라이브러리로 weui.css 스타일 라이브러리와 결합되어 일련의 구성 요소를 캡슐화하며 WeChat 공개 계정과 같은 모바일 개발에 매우 적합합니다. we-vue에는 35개 이상의 구성 요소가 포함되어 있으며 단위 테스트 적용 범위는 98%를 초과하고 babel-plugin-import, 완전한 온라인 문서 및 자세한 온라인 예제를 지원합니다.
we-vue 공식 웹사이트: https://wevue.org/
14.veui
veui는 Baidu EFE 팀에서 개발한 Vue 엔터프라이즈급 UI 구성 요소 라이브러리입니다. 현재 문서는 없고 데모만 있습니다.
GitHub에서 작업이 진행 중이라고 합니다. 그럼 인내심을 가지고 기다리자.
veui 공식 웹사이트: https://ecomfe.github.io/veui/comComponents/#/
15, Semantic-UI-Vue
Semantic-UI-Vue는 Semantic을 위한 Vue.js를 기반으로 합니다. UI 프레임워크 달성.
Semantic은 개발자가 인간 친화적인 HTML 언어를 사용하여 우아한 반응형 레이아웃을 구축하는 데 도움이 되는 개발 프레임워크입니다. Semantic-UI-Vue는 Semantic-UI와 유사한 API와 사용자 정의 가능한 테마 세트를 제공합니다.
Semantic-UI-Vue 공식 홈페이지: https://semantic-ui-vue.github.io/#/
프레임워크를 선택할 때는 실제 웹 개발 상황과 팀의 친숙도를 바탕으로 선택해야 합니다. . 좋은 UI 구성 요소 라이브러리는 웹 프로젝트에 매우 중요합니다
16.Vue.js 머티리얼 구성 요소 프레임워크 — Vuetify.js
https://vuetifyjs.com/zh-Hans
Vuetify는 완전히 머티리얼 디자인을 기반으로 합니다. 개발을 표준화합니다. 모든 구성 요소는 수작업으로 제작되어 최고의 UI 도구를 다음 멋진 앱에 제공합니다. 개발은 Google 사양의 핵심 구성요소에서 끝나지 않습니다. 커뮤니티 회원과 스폰서의 지원을 통해 더 많은 구성 요소가 설계되어 모든 사람이 즐길 수 있게 될 것입니다.
주로 해외에서 인기가 많은 vue ui 컴포넌트입니다. 다양한 기능이 있고 중국어로 번역되어 있는데, 일부는 영어로 되어 있어서 번역이 별로 좋지 않습니다.
PS: 국내 UI 컴포넌트는 대부분 일부만 있습니다. . 일반적으로 사용되는 헤드 탐색, 하단 탐색, 목록 보기 및 그리드 테이블을 사용할 수 없습니다.
17. BalmUI
BalmUI는 Balm.js(Vue CLI와 유사한 프런트엔드 워크플로 도구) 팀이 만든 프런트엔드 UI 구성 요소 라이브러리로 최신 Vue 3을 기반으로 제작되었습니다. Strong, 디자인 스타일은 Google의 Material Design 디자인 사양을 완전히 따르며 뛰어난 대화형 경험을 갖춘 UI 구성 요소 라이브러리입니다.
BalmUI는 Vue3를 지원하는 버전 9.0을 출시했습니다. Balm은 Google의 Material Design을 기반으로 하므로 친숙해 보입니다. Balm에는 Vue 플러그인 및 지시문은 물론 단순한 것부터 복잡한 것까지 고도로 사용자 정의 가능한 구성 요소가 함께 제공됩니다.
BalmUI 공식 웹사이트: https://next-material.balmjs.com/#/
BalmUI는 매우 빠르게 개발되고 있습니다. 머티리얼 디자인 스타일을 사용하려면 복잡한 내장 지침(예: 디바운싱 및 UI 리플)을 사용하세요. ) 사용자 정의 구성 요소를 생성하는 것이 편리하다면 Vue3 프로젝트에 매우 적합합니다.
18, Wave UI
Wave UI는 40개 이상의 UI 구성 요소와 함께 제공되고 Vue 3 및 Vue 2와 호환되는 반응형, 사용자 정의 가능, 액세스 가능하고 터치 친화적인 UI 구성 요소 프레임워크입니다.
WaveUI는 Vue3 출시 이후 좋은 위치에 있습니다. WaveUI의 개발은 Vue3이 아직 알파 단계에 있을 때 시작되었습니다. 목표는 API가 안정화되는 즉시 이를 지원하여 최초의 Vue3 UI 프레임워크 중 하나로 만드는 것입니다. .
공식 웹사이트: https://antoniandre.github.io/wave-ui/
WaveUI는 스피너부터 캘린더까지, 그리고 그 사이의 모든 것에 이르기까지 40개 이상의 아름답고 반응성이 뛰어난 구성 요소를 제공합니다. WaveUI는 또한 유틸리티, 사용자 정의 가능성 및 정교한 통합 양식 검증 기능을 제공합니다.
WaveUI에서 제공하는 구성 요소는 매우 아름답고 애니메이션 효과도 매우 좋으며 프레임워크 전체에서 스타일이 일관됩니다. 엔터프라이즈급 반응형 Vue3 애플리케이션을 위한 탁월한 선택입니다.
19년, Vuestic
Vuestic은 Vue의 가장 아름다운 오픈 소스 관리 패널 중 하나입니다. 유지 관리 가능한 Vue 코드를 작성하고 유연한 구성 요소와 인터페이스를 만드는 데 능숙합니다.
공식 웹사이트: https://vuestic.dev/
팀은 최근 인기 있는 Vuestic Admin UI와 더 많은 구성 요소가 포함된 Vue3 버전의 Vuestic을 출시했습니다. Vuestic은 제공하는 사용자 경험으로 인해 프런트 엔드 커뮤니티에서 인기 있는 기능인 키보드 탐색에 대한 기본 지원을 강조합니다.
Vuestic은 고유한 기능과 광범위한 구성 가능성을 갖춘 50개 이상의 구성 요소를 제공하며 거의 모든 화면 해상도에서 작동하도록 반응적으로 설계되었습니다. Vuestic은 프레임워크 전반에 걸쳐 원활한 번역 지원과 키보드 접근성을 제공합니다.
Vuestic은 아름다운 구성요소 카탈로그를 통해 가장 아름다운 Vue3 UI 프레임워크 중 하나로 자리매김했습니다. 그들은 이제 날짜 선택기나 데이터 테이블과 같이 현재 제품만큼 창의적일 수 있는 보다 복잡한 구성 요소를 만들기 위해 한발 더 나아가고 있습니다.
20, Ionic
공식 웹사이트: https://ionicframework.com/docs/vue/overview
Ionic은 Vue3 지원을 제공하는 최초의 UI 프레임워크 중 하나입니다. Ionic은 모바일 UI에 더 관심이 많으며 팀은 뛰어난 UI 프레임워크를 제공하고 유지하는 방법을 알고 있습니다.
Ionic Vue는 놀라운 커뮤니티, 수많은 StackOverflow 질문, 기업 지원, 핵심 멤버가 포함된 대규모 Slack 채널을 갖춘 매우 성숙한 프레임워크로, 도움이 필요할 때 쉽게 지원을 받을 수 있습니다.
Ionic Vue 프레임워크는 Github에서 45,000개 이상의 별을 보유하고 있으며 Airbus 및 Electronic Arts를 포함한 많은 대기업에서 사용되었으며 Ionic 팀은 UI 프레임워크를 잘 유지하는 것으로 알려져 있습니다. 이는 현재와 미래에도 훌륭한 선택입니다. .
21, Naive UI
공식 웹사이트: https://www.naiveui.com/zh-CN/os-theme
Naive UI는 트위터에 공개된 후 Vue 제작자가 전달하여 다음과 같이 제공합니다. 새로운 삶 구성 요소 라이브러리는 많은 트래픽을 가져옵니다. 이제 Naive UI는 3개월도 안 되어 GitHub에서 별 5.1,000개를 달성했습니다.
거의 모든 유형의 Vue3 애플리케이션에 완벽하게 통합될 수 있는 70개 이상의 잘 만들어진 구성 요소를 제공합니다. Naive의 구성 요소는 성능이 뛰어나고 사용자 정의가 가능하며 TypeScript를 지원하여 뛰어난 개발 경험을 제공합니다.
문서 사이트는 탐색하기 쉽고 개발자가 구성 요소가 자체 테마에서 어떻게 보이는지 미리 볼 수 있도록 완전한 사용자 정의 입력 기능을 제공합니다. 이러한 옵션을 사용하여 색상 패턴과 글꼴이 포함된 자신만의 완전한 테마를 만들 수 있습니다. 이 사용자 정의 테마를 다운로드하고 애플리케이션에 쉽게 추가하여 기본값을 재정의할 수 있습니다.
22, Quasar
공식 웹사이트: https://next.quasar.dev/
Quasar는 Vue 사용자 인터페이스(SPA, PWA, SSR, 모바일 및 데스크톱) 구축을 돕는 완벽한 성능 중심 프레임워크입니다. , Quasar에는 Vue, Node 및 Webpack 외에도 Cordova, Capacitor 및 Electron도 포함되어 있어 별도로 학습하지 않고도 데스크톱 및 모바일 경험을 구축하는 데 도움이 됩니다.
Quasar 프레임워크는 Material Design을 기반으로 하는 것처럼 보이지만 일단 시작하면 모든 것이 자신의 디자인 시스템에 맞게 매우 맞춤설정 가능합니다.
Vue3에 대한 지원도 매우 빠르며 Quasar는 거의 모든 v1 구성 요소, 플러그인 및 지시문을 출시했습니다. 또한 개발자가 Quasar API에 대해 더 깊이 이해할 수 있도록 구성 가능한 구성 요소를 출시했습니다.
23, PrimeVUE
공식 웹사이트: https://primefaces.org/primevue/showcase/#/setup
PrimeVUE는 또한 Vue3를 지원하는 최초의 프레임워크 중 하나이며 실망하지 않았습니다. 80개 이상의 구성 요소를 갖춘 PrimeVUE는 이 목록에서 가장 광범위한 구성 요소를 갖춘 프레임워크 중 하나임이 입증되었습니다.
【추천 관련 동영상 튜토리얼: vuejs 입문 튜토리얼, 웹 프론트엔드 시작하기】
위 내용은 vue에는 어떤 프레임워크를 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
