vue 비계 프로젝트 생성 절차 상세 설명

비계 - > 비계.cli

대형 기능이 완비된 vue 프로젝트 템플릿을 신속하게 만듭니다. (초기화 프로젝트)
토미 해석: 빈 vue 프로젝트를 신속하게 만들기

설치(전역 설치)

전역 설치

> npm i @vue/cli -g 

vue 비계 프로젝트를 만듭니다

> vue create  

구성 옵션

Vue CLI v4.5.11
? Please pick a preset: (Use arrow keys)
> Default ([Vue 2] babel, eslint) 
 Default (Vue 3 Preview) ([Vue 3] babel, eslint) 
 Manually select features 

상하 선택에 따라 차로 돌아가 확인하고, 여기는 세 번째 수동을 선택합니다

기능 선택

Vue CLI v4.5.11
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Choose Vue version
 (*) Babel
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 ( ) Router
 ( ) Vuex
 ( ) CSS Pre-processors
 (*) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing

위아래로 커서 이동, 스페이스 바 선택, 리턴 확인, 여기는 1256 옵션을 선택합니다

버전 선택

? Check the features needed for your project: Choose Vue version, Babel, Router, Vuex
? Choose a version of Vue.js that you want to start the project with (Use arrow keys)
> 2.x
 3.x (Preview)

여기 선택 2.x

히스토리 모드 사용 여부

? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) 

여기에 n 리턴을 입력하세요

Babel, ESLint 등의 구성 위치

? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files
 In package.json

첫 번째 전용 프로필 저장을 선택하십시오

사전 설정으로 저장 여부

? Save this as a preset for future projects? (y/N)

여기서 n을 선택합니다

생성 성공

Vue CLI v4.5.11
Creating project in D:\MyStudy\myvue2.
⚙️ Installing CLI plugins. This might take a while...


> [email protected] postinstall D:\MyStudy\myvue2
ode_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"


> [email protected] postinstall D:\MyStudy\myvue2
ode_modules\ejs
> node ./postinstall.js

added 1208 packages from 928 contributors in 21.836s

61 packages are looking for funding
run `npm fund` for details

🚀 Invoking generators...
📦 Installing additional dependencies...

added 5 packages from 1 contributor in 4.671s

61 packages are looking for funding
run `npm fund` for details    

⚓ Running completion hooks...

📄 Generating README.md...

🎉 Successfully created project myvue2.  
👉 Get started with the following commands:

$ cd myvue2
$ npm run serve

프로젝트 디렉터리 진입

> cd myvue2

서비스 시작

> npm run serve

 DONE Compiled successfully in 2492ms                   

 App running at:
 - Local:  http://localhost:8080/ 
 - Network: http://192.168.17.154:8080/

 Note that the development build is not optimized.
 To create a production build, run npm run build.

이 vue 비계 프로젝트 창설 절차에 대한 상세한 설명은 여기 있습니다. 더 많은 vue 비계 프로젝트 창설 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!