프런트엔드에서 모바일 디버거 Vconsole을 사용하는 방법

vue 프로젝트를 예로 들어보겠습니다.

1. V콘솔 설치

npm install vconsole --save

2. main.js에서 참조

// 引入 Vconsole
import Vconsole from 'vconsole'
// 所有环境均使用
new Vconsole()

위의 두 단계를 수행한 후 프로젝트를 실행하면 휴대폰 오른쪽 하단에 디버그 버튼이 표시됩니다. 클릭하기만 하면 됩니다. 그림과 같이: