缁勪欢搴撶殑寮€鍙戠幆澧冨拰绀轰緥涔嬪墠宸茬粡瀹屾垚锛屾垜浠彲浠ョ敤涓氬姟鏉ラ┍鍔ㄧ粍浠剁殑寮€鍙戝拰瀹屽杽鍦ㄨ繖涓緥瀛愪腑銆備絾鏄紝缁勪欢搴撳紑鍙戠殑鐩殑鏄緵鍏朵粬寮€鍙戜汉鍛樹娇鐢ㄣ€傝繖鏃跺€欓渶瑕佹枃妗ｆ潵灞曠ず缁勪欢搴撶殑浣跨敤浠ュ強鍚勪釜缁勪欢鐨凙PI銆佹柟娉曘€佹Ы绛夈€傛湰鏂囧湪涓婁竴绡囩殑鍩虹涓婄户缁疄鐜扮粍浠跺簱鏂囨。鐨勫紑鍙戞瀯寤恒€傛垜浠娇鐢╲itepress鏉ュ疄鐜颁环鏍煎簱鐨勬枃妗ｅ寲銆倂itepress1.0鐨勪娇鐢ㄥ湪涔嬪墠鐨勬枃绔犮€妚itepress鎼缓缁勪欢搴撴枃妗ｃ€嬩腑宸茬粡璇︾粏浠嬬粛杩囷紝鏈枃鎻愬埌鐨勫唴瀹瑰皢鍦ㄦ湰鏂囦腑蹇€熺暐杩囥€?鎼缓缁勪欢搴撴枃妗ｇ幆澧?.1鍒濆鍖栭」鐩湪椤圭洰鏍圭洰褰曚笅鍒涘缓docs鐩綍涔嬪墠锛屽湪鍛戒护琛屼腑杩涘叆docs鐩綍锛屼娇鐢╬npm鍒濆鍖栵細pnpminitinstallvitepress寮€鍙戜緷璧栵細pnpminstallvitepress-D淇敼package.json鏂囦欢鐨勫悕绉帮紝骞舵坊鍔犺剼鏈細{"name":"@yyg-demo-ui/docs","version":"1.0.0","description":"","main":"index.js","scripts":{"dev":"vitepressdev","build":"vitepressbuild","serve":"vitepressserve"},"keywords":[],"author":"绋嬪簭鍛樹紭闆呭摜","license":"ISC","devDependencies":{"vitepress":"1.0.0-alpha.28"}}1.2鍒涘缓鐩綍鍜屾枃浠跺垱寤?vitepress,public,components,demos,guide涓媎ocs鐩綍锛屽垎鍒瓨鏀緑itepress閰嶇疆鏂囦欢銆佸叕鍏辫祫婧愮洰褰曘€佺粍浠舵枃妗ｈ鏄庛€佹枃妗ｄ腑鐨刣emo銆佸寘搴撶殑鍏朵粬鏂囨。銆傚湪public鐩綍涓斁缃竴涓猯ogo.png鍥惧儚銆傜户缁湪docs鐩綍涓嬩緷娆″垱寤轰互涓嬫枃浠讹細缁勪欢搴撲富椤礽ndex.md:---layout:hometitle:YYG-DEMO-UIeditLink:truelastUpdated:truehero:name:yyg-demo-uitext:YYGVue3浼佷笟绾т腑闂村拰鑳屾櫙缁勪欢搴撴爣璇細缁勪欢搴撴弿杩?SLOGAN鍥剧墖锛歴rc锛?logo.pngalt锛歽yg-admin-ui鎿嶄綔锛?涓婚锛氬搧鐗屾枃鏈細蹇€熷叆闂ㄩ摼鎺ワ細/guide/-涓婚锛氭浛浠ｆ枃鏈細缁勪欢閾炬帴:/components/foofeatures:-icon:馃敤title:Function/Feature1details:Function/Feature1鍏蜂綋鎻忚堪淇℃伅銆?icon:馃Зtitle:Function/Feature2details:Function/Feature2鍏蜂綋鎻忚堪淇℃伅銆?icon:鉁堬笍title:Functions/Features3.details:function/feature3鍏蜂綋鎻忚堪淇℃伅銆?--缁勪欢搴撹彍鍗昪omponents.ts:exportconstcomponents=[{text:'Foocomponentexample',link:'/components/foo'}]//end鍦ㄥ紩瀵肩洰褰曚笅鍒嗗埆鍒涘缓index.md鍜宷uickstart.md:guide/index.md:#缁勪欢搴撲粙缁峺yg-demo-uiYYGVue3浼佷笟绾т腑鍚庡彴缁勪欢搴揼uide/quickstart.md:#蹇€熷叆闂▁xxxxx##Usage鍏ㄥ眬瀹夎缁勪欢搴撶ず渚嬬粍浠跺垱寤鸿鏄巆omponents鐩綍涓嬬殑鏂囦欢foo.md:#Foo缁勪欢绀轰緥1.3娣诲姞鎻掍欢骞堕厤缃畍itepress鍦╲itepress涓畨瑁呴瑙堢粍浠剁殑鎻掍欢锛歱npmadd@vitepress-demo-preview/component@vitepress-demo-preview/plugin涓嬪垱寤篶onfig.ts.vitepress鐩綍:import{DefaultTheme,defineConfig}from'vitepress'import{componentPreview,containerPreview}from'@vitepress-demo-preview/plugin'import{components}from'../components'constnav:DefaultTheme.NavItem[]=[{鏂囨湰锛?鎸囧崡'锛岄摼鎺ワ細'/guide/'},{text:'Component',link:'/components/foo'}]constsidebar:DefaultTheme.Sidebar={'/guide':[{text:'Guide',items:[{text:'缁勪欢搴撲粙缁?,link:'/guide/'},{text:'QuickStart',link:'/guide/quickstart'},]}],'/components':[{items:[...components]}]}exportdefaultdefineConfig({title:'yyg-admin-ui',description:'YYGVue3浼佷笟绾т腑鍚庡彴缁勪欢搴?,lang:'cn-ZH',base:'/',lastUpdated:true,themeConfig:{logo:'/logo.png',siteTitle:'yyg-admin-ui',outline:3,socialLinks:[{icon:'github',閾炬帴:'https://github.com/vuejs/vitepress'}],nav,sidebar},markdown:{theme:{light:'vitesse-light',dark:'vitesse-dark'},lineNumbers:true,config(md){md.use(componentPreview)md.use(containerPreview)}}})鍦?vitepress鐩綍涓嬪垱寤轰富棰樼洰褰曪紝骞跺垱寤篿ndex.tsimportDefaultThemefrom'vitepress/theme'import{AntDesignContainer}from'@vitepress-demo-preview/component'import'@vitepress-demo-preview/component/dist/style.css'import{EnhanceAppContext}from'vitepress'exportdefault{...DefaultTheme,enhanceApp(ctx:EnhanceAppContext){ctx.app.component('demo-preview',AntDesignContainer)}}鑷虫锛宑ompone鐨勬枃妗ｇ粨鏋刵t搴撳缓绔嬮偅涔堝彲浠ュ湪docs鐩綍涓嬫墽琛宲npmrundev鏉ユ祴璇曟湇鍔℃槸鍚﹀彲浠ユ甯稿惎鍔紝椤甸潰鏄惁姝ｅ父鏄剧ず銆?缂栧啓缁勪欢鏂囨。銆傚睍绀虹粍浠禿emo鐨勬彃浠跺湪涓婁竴姝ュ凡缁忎粙缁嶈繃浜嗐€傝繖涓€姝ュ緢绠€鍗曘€?.1瀹夎elementplus鍜岀粍浠跺簱鍦╠ocs鐩綍涓嬪畨瑁呬緷璧栵細pnpminstallelement-pluspnpminstall@yyg-demo-ui/yyg-demo-ui鍦?vitepress/theme/index.ts涓紩鍏ョ粍浠跺簱锛?..importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importYygDemoUifrom'@yyg-demo-ui/yyg-demo-ui'...exportdefault{...DefaultTheme,enhanceApp(ctx:EnhanceAppContext){ctx.app.use(ElementPlus)ctx.app.use(YygDemoUi)ctx.app.component('demo-preview',AntDesignContainer)}}2.2鍐欎竴涓猟emo锛屽湪docs/demos涓嬪垱寤哄瓙鐩綍foo鐩綍锛屽湪foo鐩綍涓嬪垱寤轰袱涓粍浠讹細foo-1.vue:
