{"id":322,"date":"2025-04-23T10:24:15","date_gmt":"2025-04-23T02:24:15","guid":{"rendered":"https:\/\/www.hyw.life\/?p=322"},"modified":"2025-10-21T17:23:21","modified_gmt":"2025-10-21T09:23:21","slug":"%e4%b8%80%e4%b8%aa%e5%9f%ba%e4%ba%8e-vue3-%e5%bc%80%e6%ba%90%e3%80%81%e5%85%8d%e8%b4%b9%e3%80%81%e9%ab%98%e9%a2%9c%e5%80%bc%e7%9a%84%e4%b8%ad%e5%90%8e%e5%8f%b0%e6%a8%a1%e7%89%88%ef%bc%8c%e5%bc%80","status":"publish","type":"post","link":"https:\/\/www.hyw.life\/?p=322","title":{"rendered":"\u4e00\u4e2a\u57fa\u4e8e Vue3 \u5f00\u6e90\u3001\u514d\u8d39\u3001\u9ad8\u989c\u503c\u7684\u4e2d\u540e\u53f0\u6a21\u7248\uff0c\u5f00\u7bb1\u5373\u7528\uff01"},"content":{"rendered":"\n<span id=\"h2-0\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u9879\u76ee\u4ecb\u7ecd<\/h2>\n\n\n\n<p>Gi Admin Pro \u662f\u4e00\u4e2a\u57fa\u4e8e Vue3\u3001Vite\u3001TypeScript\u3001Arco Design Vue\u3001Pinia\u3001VueUse \u7b49\u7684\u514d\u8d39\u4e2d\u540e\u53f0\u6a21\u7248\uff0c\u5b83\u4f7f\u7528\u4e86\u6700\u65b0\u7684\u524d\u7aef\u6280\u672f\u6808\uff0c\u5185\u7f6e\u4e30\u5bcc\u7684\u4e3b\u9898\u914d\u7f6e\uff0c\u6709\u7740\u6781\u9ad8\u7684\u4ee3\u7801\u89c4\u8303\uff0c\u57fa\u4e8e mock \u5b9e\u73b0\u7684\u52a8\u6001\u6570\u636e\u5c55\u793a\uff0c\u5f00\u7bb1\u5373\u7528\u7684\u6a21\u677f\uff0c\u4e5f\u53ef\u7528\u4e8e\u5b66\u4e60\u53c2\u8003\u3002<\/p>\n\n\n\n<span id=\"h2-1\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u5e94\u7528\u573a\u666f<\/h2>\n\n\n\n<p>Gi Admin Pro \u51ed\u501f\u5176\u9ad8\u6548\u3001\u7a33\u5b9a\u3001\u6613\u7528\u7684\u7279\u70b9\uff0c\u4ee5\u53ca\u4e30\u5bcc\u7684\u529f\u80fd\u6a21\u5757\u548c\u5b9a\u5236\u5316\u5f00\u53d1\u80fd\u529b\uff0c\u5e7f\u6cdb\u5e94\u7528\u4e8e\u4f01\u4e1aERP\u7ba1\u7406\u3001\u4f01\u4e1aOA\u7ba1\u7406\u3001\u9ad8\u6821\u7ba1\u7406\u4ee5\u53ca\u5176\u4ed6\u5404\u79cd\u590d\u6742\u4e1a\u52a1\u573a\u666f\uff0c\u4e3a\u4f01\u4e1a\u548c\u673a\u6784\u63d0\u4f9b\u5f3a\u6709\u529b\u7684\u540e\u53f0\u7ba1\u7406\u652f\u6301\u3002<\/p>\n\n\n\n<span id=\"h2-2\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u9879\u76ee\u7279\u70b9<\/h2>\n\n\n\n<p><strong>\u5b9a\u5236\u5316\u5f00\u53d1<\/strong>\uff1a\u652f\u6301\u6839\u636e\u4e1a\u52a1\u9700\u6c42\u8fdb\u884c\u5b9a\u5236\u5316\u5f00\u53d1\uff0c\u6ee1\u8db3\u4e2a\u6027\u5316\u9700\u6c42\u3002<\/p>\n\n\n\n<p><strong>\u6613\u7528\u6027<\/strong>\uff1a\u63d0\u4f9b\u53cb\u597d\u7684\u7528\u6237\u754c\u9762\u548c\u64cd\u4f5c\u6d41\u7a0b\uff0c\u964d\u4f4e\u4f7f\u7528\u95e8\u69db\u3002<\/p>\n\n\n\n<p><strong>\u7a33\u5b9a\u6027<\/strong>\uff1a\u91c7\u7528\u5148\u8fdb\u7684\u6280\u672f\u6808\u548c\u4e25\u683c\u7684\u6d4b\u8bd5\u6d41\u7a0b\uff0c\u786e\u4fdd\u7cfb\u7edf\u7684\u7a33\u5b9a\u6027\u548c\u53ef\u9760\u6027\u3002<\/p>\n\n\n\n<p><strong>\u6700\u65b0\u6280\u672f\u6808\uff1a<\/strong>&nbsp;\u4f7f\u7528 Vue3 \/ Vite \u7b49\u524d\u7aef\u524d\u6cbf\u6280\u672f\u5f00\u53d1\uff0c\u4f7f\u7528\u9ad8\u6548\u7387\u7684 npm \u5305\u7ba1\u7406\u5668\u3002<\/p>\n\n\n\n<p><strong>\u4e3b\u9898\u4e30\u5bcc\uff1a<\/strong>&nbsp;\u4e30\u5bcc\u53ef\u914d\u7f6e\u7684\u4e3b\u9898\u3001\u6697\u9ed1\u6a21\u5f0f\u3002<\/p>\n\n\n\n<p><strong>\u4ee3\u7801\u89c4\u8303\uff1a<\/strong>&nbsp;\u4e30\u5bcc\u7684\u89c4\u8303\u63d2\u4ef6\u53ca\u6781\u9ad8\u7684\u4ee3\u7801\u89c4\u8303\u3002<\/p>\n\n\n\n<span id=\"h2-3\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u9879\u76ee\u6280\u672f\u6808<\/h2>\n\n\n\n<p>Vue3\u3001Vite\u3001TypeScript\u3001Arco Design Vue\u3001Pinia\u3001VueUse \u7b49\u3002<\/p>\n\n\n\n<span id=\"h2-4\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u9879\u76ee\u8fd0\u884c\u6253\u5305<\/h2>\n\n\n\n<p>\u6ce8\u610f\uff1a\u7531\u4e8e\u5347\u7ea7\u4e86vite3\uff0c\u6839\u636e\u5b98\u65b9\u89c4\u5b9a\uff0cnode\u7248\u672c\u5fc5\u987b\u662f14.18.0\u4ee5\u4e0a\u3002<\/p>\n\n\n\n<span id=\"h2-5\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u9879\u76ee\u4e0b\u8f7d<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>git&nbsp;clone&nbsp;https:\/\/gitee.com\/lin0716\/gi-demo<\/code><\/pre>\n\n\n\n<span id=\"h2-6\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u5b89\u88c5\u4f9d\u8d56<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install<\/code><\/pre>\n\n\n\n<span id=\"h2-7\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u9879\u76ee\u8fd0\u884c<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>npm run dev<\/code><\/pre>\n\n\n\n<span id=\"h2-8\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u9879\u76ee\u6253\u5305<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>npm run build<\/code><\/pre>\n\n\n\n<span id=\"h2-9\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u8fd0\u884c\u6548\u679c\u6f14\u793a<\/h2>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374667747-1.png\"><img decoding=\"async\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374667747-1.png\" alt=\"\" class=\"wp-image-336\"\/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374682776.png\"><img decoding=\"async\" data-id=\"334\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374682776.png\" alt=\"\" class=\"wp-image-334\"\/><\/a><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374701486.png\"><img decoding=\"async\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374701486.png\" alt=\"\" class=\"wp-image-328\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374708428.jpg\"><img decoding=\"async\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374708428.jpg\" alt=\"\" class=\"wp-image-330\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374716280.jpg\"><img decoding=\"async\" data-id=\"329\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374716280.jpg\" alt=\"\" class=\"wp-image-329\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374722836.jpg\"><img decoding=\"async\" data-id=\"325\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374722836.jpg\" alt=\"\" class=\"wp-image-325\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374728051.png\"><img decoding=\"async\" data-id=\"331\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374728051.png\" alt=\"\" class=\"wp-image-331\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374733330.png\"><img decoding=\"async\" data-id=\"326\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374733330.png\" alt=\"\" class=\"wp-image-326\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374738734.png\"><img decoding=\"async\" data-id=\"333\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374738734.png\" alt=\"\" class=\"wp-image-333\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374750431.png\"><img decoding=\"async\" data-id=\"324\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374750431.png\" alt=\"\" class=\"wp-image-324\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374745140.png\"><img decoding=\"async\" data-id=\"327\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2025\/04\/1745374745140.png\" alt=\"\" class=\"wp-image-327\"\/><\/a><\/figure>\n<\/figure>\n\n\n\n<span id=\"h2-10\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u5f00\u6e90\u5730\u5740<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;gitee.com\/lin0716\/gi-demo<\/code><\/pre>\n\n\n\n<span id=\"h2-11\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u6253\u8d4f\u652f\u6301<\/h2>\n\n\n\n<p>\u6574\u7406\u4e0d\u6613\uff0c\u611f\u8c22\u652f\u6301\uff01\uff01\uff01<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2023\/06\/1687257652611.png\"><img decoding=\"async\" data-id=\"40\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2023\/06\/1687257652611.png\" alt=\"\" class=\"wp-image-40\"\/><\/a><figcaption class=\"wp-element-caption\"><strong>\u652f\u4ed8\u5b9d<\/strong><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2023\/06\/1686812898232.png\"><img decoding=\"async\" data-id=\"29\" src=\"https:\/\/www.hyw.life\/wp-content\/uploads\/2023\/06\/1686812898232.png\" alt=\"\" class=\"wp-image-29\"\/><\/a><figcaption class=\"wp-element-caption\"><strong>\u5fae\u4fe1<\/strong><\/figcaption><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u9879\u76ee\u4ecb\u7ecd Gi Admin Pro \u662f\u4e00\u4e2a\u57fa\u4e8e Vue3\u3001Vite\u3001TypeScript\u3001Arco Desig [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":483,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[22,18],"class_list":["post-322","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-project","tag-admin","tag-vue"],"_links":{"self":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts\/322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=322"}],"version-history":[{"count":6,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts\/322\/revisions"}],"predecessor-version":[{"id":342,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts\/322\/revisions\/342"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/media\/483"}],"wp:attachment":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}