form generator

소개

요소 UI 양식 디자인 및 코드 생성기는 생성된 코드를 요소 기반 vue 프로젝트에서 직접 실행할 수 있으며 JSON 양식을 내보내고 지원 파서를 사용하여 JSON을 실제 양식으로 구문 분석할 수도 있습니다.

• [국내 미리보기 주소] [해외 미리보기 주소]

• [github 창고] [코드 클라우드 창고]

• vscode 플러그인 지원

• JSON 파서 지원

문서

• el-dialog의 캡슐화 및 호출

• 프로젝트의 주요 구조 분석

• [FAQ] Monaco Editor와 npm 연동 방법

• 튜토리얼 시리즈: "폼 디자이너 · 개발 튜토리얼" "폼 파서 · 개발 튜토리얼" "Vue 코드 생성기 · 개발 튜토리얼" "Vue 코드 미리보기 · 개발 튜토리얼"

• JSON 양식 매개변수 비교표

JSON 파서

데이터베이스에 저장된 JSON 형식을 실제 형식으로 구문 분석합니다.

// 安装
npm i form-gen-parser

추가 정보

vscode 플러그인

요소 UI를 사용하는 개발자가 기본 양식 코드 작성 작업을 완료하고 반복 작업을 줄일 수 있도록 도와주세요.
vscode-plugin 브랜치에 대한 지원 플러그인은 다음과 같습니다: form-generator-plugin;
플러그인을 사용하면 마우스 오른쪽 버튼을 클릭하여 디자이너를 열고 코드를 프로젝트에 직접 저장할 수 있습니다.
플러그인을 설치하려면 vscode에서 검색하세요:

자크황
또는
양식 생성기 플러그인

달리다

• node.js 10 이상이 설치되어 있는지 확인하세요

• 처음으로 프로젝트를 다운로드한 후 프로젝트 종속성을 설치합니다.

yarn

또는

npm install

• 지역 발전

npm run dev

• 짓다

npm run build

말하다

• QQ 그룹 976154366 [전체] 1137173566 [전체] 514953560 [그룹 3]

친절한 링크

• vue-admin-beautiful - 엔터프라이즈 수준의 범용 미드엔드, 백엔드 및 프런트엔드 솔루션(최신 버전의 vue/cli 4 기반, 컴퓨터, 휴대폰 및 태블릿 지원)

• vue-admin-beautiful - 온라인 데모

• pl-table ——요소의 수만 개의 테이블 데이터 렌더링 시 지연 문제를 완벽하게 해결합니다.

• 관리자 이동

홍보 감사의 말

• 이와나베싸트가이

기부

이 프로젝트가 도움이 된다고 생각하시면 작성자에게 커피 한 잔 사주시고 오픈소스를 더욱 발전시켜주실 수 있습니다.

또한 기부 후 QQ 그룹: 976154366을 추가하고 비공개 채팅 그룹 소유자에게 후원 링크를 남겨주세요.

오픈소스 계약

MIT