GP 网页设计器

使用

yarn add gp-designer
import { Designer } from "gp-designer";
import 'gp-designer/dist/style.css';

<!-- 网编模式 -->
<!-- <Designer mode="edit" :template="template" :css="css" :preview-width="400" /> -->

<!-- 预览模式 -->
<!-- <Designer mode="preview" :template="template" :css="css" :preview-width="400" /> -->

<!-- 设计模式 -->
<Designer mode="design" :template="template" :css="css" :preview-width="375" />

发布 npm 包

npm run push

项目说明

Vue 3 + TypeScript + Vite + tailwindcss

初始化项目

npm init vite@latest gp-city-selector --template vue-ts

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

Vue 3 + TypeScript + Vite

npm init vite@latest gp-designer -- --template vue-ts cd my-vue3-lib npm install

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.

问题参考

• 打包 ts 类型问题：https://blog.csdn.net/Wrysmile0308/article/details/134318030