Fast
Fes.js 内置路由、构建、插件管理,提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件,可以满足大部分日常开发需求。
From 7168b38db645e5fb8497e2a27ea7d24bcf73944d Mon Sep 17 00:00:00 2001 From: wanchun <445436867@qq.com> Date: Thu, 14 Nov 2024 08:16:43 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20WeBankFi?= =?UTF-8?q?nTech/fes.js@0280fb9826ba1f0e92309d6885796a719ee77297=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 404.html | 4 ++-- assets/{app.a58b4453.js => app.203f91e7.js} | 2 +- assets/chunks/@localSearchIndexroot.ae840d95.js | 1 - assets/chunks/@localSearchIndexroot.f169ffe3.js | 1 + ....b14a8fe7.js => VPLocalSearchBox.b39b89c2.js} | 2 +- .../{theme.b16bfcf2.js => theme.f449cbc7.js} | 2 +- ...v.md.e1c5be1c.js => guide_env.md.009972dd.js} | 4 ++-- ...e1c.lean.js => guide_env.md.009972dd.lean.js} | 2 +- ...f.js => guide_getting-started.md.f18fc880.js} | 10 +++++----- ...=> guide_getting-started.md.f18fc880.lean.js} | 2 +- ...index.md.00cc0086.js => index.md.0decb436.js} | 4 ++-- ...0cc0086.lean.js => index.md.0decb436.lean.js} | 4 ++-- ...2ad.js => reference_cli_index.md.f46354f5.js} | 8 ++++---- ...s => reference_cli_index.md.f46354f5.lean.js} | 2 +- guide/builder.html | 6 +++--- guide/config.html | 6 +++--- guide/contributing.html | 6 +++--- guide/css.html | 6 +++--- guide/directory-structure.html | 6 +++--- guide/env.html | 10 +++++----- guide/faq.html | 6 +++--- guide/getting-started.html | 16 ++++++++-------- guide/image.html | 6 +++--- guide/index.html | 6 +++--- guide/mock.html | 6 +++--- guide/plugin.html | 6 +++--- guide/public.html | 6 +++--- guide/route.html | 6 +++--- guide/runtime-config.html | 6 +++--- guide/template.html | 6 +++--- guide/upgrade3.html | 6 +++--- hashmap.json | 2 +- index.html | 10 +++++----- reference/api.html | 6 +++--- reference/api/index.html | 6 +++--- reference/cli/index.html | 12 ++++++------ reference/config/index.html | 6 +++--- reference/plugin/dev/api.html | 6 +++--- reference/plugin/dev/index.html | 6 +++--- reference/plugin/index.html | 6 +++--- reference/plugin/plugins/access.html | 6 +++--- reference/plugin/plugins/editor.html | 6 +++--- reference/plugin/plugins/enums.html | 6 +++--- reference/plugin/plugins/icon.html | 6 +++--- reference/plugin/plugins/jest.html | 6 +++--- reference/plugin/plugins/layout.html | 6 +++--- reference/plugin/plugins/locale.html | 6 +++--- reference/plugin/plugins/login.html | 6 +++--- reference/plugin/plugins/model.html | 6 +++--- reference/plugin/plugins/pinia.html | 6 +++--- reference/plugin/plugins/qiankun.html | 6 +++--- reference/plugin/plugins/request-4.html | 6 +++--- reference/plugin/plugins/request.html | 6 +++--- reference/plugin/plugins/sass.html | 6 +++--- reference/plugin/plugins/swc.html | 6 +++--- reference/plugin/plugins/vuex.html | 6 +++--- reference/plugin/plugins/watermark.html | 6 +++--- reference/plugin/plugins/windicss.html | 6 +++--- 58 files changed, 166 insertions(+), 166 deletions(-) rename assets/{app.a58b4453.js => app.203f91e7.js} (96%) delete mode 100644 assets/chunks/@localSearchIndexroot.ae840d95.js create mode 100644 assets/chunks/@localSearchIndexroot.f169ffe3.js rename assets/chunks/{VPLocalSearchBox.b14a8fe7.js => VPLocalSearchBox.b39b89c2.js} (99%) rename assets/chunks/{theme.b16bfcf2.js => theme.f449cbc7.js} (99%) rename assets/{guide_env.md.e1c5be1c.js => guide_env.md.009972dd.js} (97%) rename assets/{guide_env.md.e1c5be1c.lean.js => guide_env.md.009972dd.lean.js} (81%) rename assets/{guide_getting-started.md.2912f54f.js => guide_getting-started.md.f18fc880.js} (93%) rename assets/{guide_getting-started.md.2912f54f.lean.js => guide_getting-started.md.f18fc880.lean.js} (75%) rename assets/{index.md.00cc0086.js => index.md.0decb436.js} (92%) rename assets/{index.md.00cc0086.lean.js => index.md.0decb436.lean.js} (92%) rename assets/{reference_cli_index.md.1e2e82ad.js => reference_cli_index.md.f46354f5.js} (95%) rename assets/{reference_cli_index.md.1e2e82ad.lean.js => reference_cli_index.md.f46354f5.lean.js} (52%) diff --git a/404.html b/404.html index c8cac1d4f..ed9d99067 100644 --- a/404.html +++ b/404.html @@ -6,14 +6,14 @@
404
But if you don't change your direction, and if you keep looking, you may end up where you are heading.
如果要同时考虑 OS X 和 Windows,可借助三方工具 cross-env
pnpm add cross-env --dev
+set PORT=3000 && fes dev
如果要同时考虑 OS X 和 Windows,可借助三方工具 cross-env
pnpm add cross-env --dev
cross-env PORT=3000 fes dev
npm i cross-env --save-dev
cross-env PORT=3000 fes dev
.env
文件配置 Fes.js 中约定根目录下以 .env
开头的文件为环境变量配置文件。
比如:
PORT=3000
然后执行
fes dev
会以 3000 端口启动 dev server。
可以新建 .env.local
,这份配置会和 .env
做合并后形成最终配置。
可以通过环境变量 FES_ENV
区分不同环境来指定配置,这时候必须在执行命令前添加 FES_ENV
保证执行加载环境变量配置文件逻辑前 FES_ENV
已设置。
举个 🌰 :
FES_ENV=sit fes dev
如果存在 .env.sit
文件,则会将 .env.sit
的配置和 .env
做合并后形成最终配置。
本地临时配置 > 环境配置 > 基础配置
TIP
如果多份配置中存在相同的配置项,则优先级高的会覆盖优先级低的。
编译时配置是在构建过程需要的变量,开放给用户配置。
指定当前的环境,不同环境各自的配置文件。
TIP
FES_ENV
在会在加载.env
前使用,所以只能用命令行方式配置。
添加额外的插件集入口
添加额外的插件入口
fes dev
时服务指定的端口号,默认是 8000
默认是 localhost
。
默认是 false
。
设为 none 时不监听文件变更。比如:
WATCH=none fes dev
默认开启 Babel 编译缓存,值为 none 时禁用缓存。
用于分析 bundle 构成,默认关闭。
比如:
ANALYZE=1 fes build
默认是server
默认是8888
仅仅在 build
时生效。如果设置为 none
,就不会在构建前清除 Output
文件内容。
仅仅在 build
时生效。如果设置为 none
,就不会在构建后清除 .fes
临时文件内容。
运行时配置需要以 FES_APP_
开头,比如在 .env
中配置:
FES_APP_KEY=123456789
在代码中使用:
console.log(process.env.FES_APP_KEY);
-// 输出 123456789
除了用户自定义的以FES_APP_
开头的变量,还提供如下配置:
NODE_ENV:Node 环境变量
FES_ENV:Fes.js 环境变量
BASE_URL:等同于 publicPath
除了用户自定义的以FES_APP_
开头的变量,还提供如下配置:
NODE_ENV:Node 环境变量
FES_ENV:Fes.js 环境变量
BASE_URL:等同于 publicPath
如果工作空间已存在,则直接进入
# 进入目录 workspace
-cd workspace
# 创建模板
+cd workspace
# 创建模板
pnpm create @fesjs/fes-app myapp
# 创建模板
-npx @fesjs/create-fes-app myapp
如果项目文件夹 workspace/myapp
已经存在,会提示目录已存在:
你可以选默认适用于中后台前端应用的 PC
类型,也可以选适用于移动端的 H5
类型。
# 进入项目目录
+npx @fesjs/create-fes-app myapp
如果项目文件夹 workspace/myapp
已经存在,会提示目录已存在:
你可以选默认适用于中后台前端应用的 PC
类型,也可以选适用于移动端的 H5
类型。
# 进入项目目录
cd myapp
# 安装依赖
pnpm i
# 进入项目目录
cd myapp
# 安装依赖
-npm i
# 开发调试
+npm i
# 开发调试
pnpm dev
pnpm run v1.22.4
@@ -32,7 +32,7 @@ import{o as e,c as o,C as s,b as n,a,V as p,y as l}from"./chunks/framework.b31a4
✔ Webpack
Compiled successfully in 3.66s
- DONE Compiled successfully in 3662ms 11:17:46 AM
Fes.js 会在 http://localhost:8000
启动一个热重载的开发服务器。当你修改你的 .vue 文件时,浏览器中的内容也会自动更新。
# 构建
+ DONE Compiled successfully in 3662ms 11:17:46 AM
Fes.js 会在 http://localhost:8000
启动一个热重载的开发服务器。当你修改你的 .vue 文件时,浏览器中的内容也会自动更新。
# 构建
pnpm build
pnpm run v1.22.4
@@ -57,4 +57,4 @@ import{o as e,c as o,C as s,b as n,a,V as p,y as l}from"./chunks/framework.b31a4
├── index.html
├── logo.png
└── static
- └── logo.0f85bba0.png
发布之前,可以通过 serve 做本地验证,验证结果应该跟执行 fes dev
的结果一样。
本地验证完,就可以部署了。你需要把 dist 目录部署到服务器上。
`,9),v=JSON.parse('{"title":"快速上手","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md"}'),u={name:"guide/getting-started.md"},_=Object.assign(u,{setup(m){return(g,A)=>(e(),o("div",null,[t,s("img",{src:n(l)("pickTemplateTip.png"),alt:"目录已存在提示"},null,8,c),r,i,s("p",null,[a("当选择 "),y,a(" 或者 "),d,a(" 或者项目目录 "),B,a(" 不存在,会提示选取一个 "),E,a(": "),s("img",{src:n(l)("pickTemplate.png"),alt:"选择模板类型"},null,8,D)]),h,s("img",{src:n(l)("home.png"),alt:"home"},null,8,C),b]))}});export{v as __pageData,_ as default}; + └── logo.0f85bba0.png发布之前,可以通过 serve 做本地验证,验证结果应该跟执行 fes dev
的结果一样。
本地验证完,就可以部署了。你需要把 dist 目录部署到服务器上。
`,9),F=JSON.parse('{"title":"快速上手","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md"}'),u={name:"guide/getting-started.md"},_=Object.assign(u,{setup(m){return(A,g)=>(e(),o("div",null,[t,s("img",{src:n(l)("pickTemplateTip.png"),alt:"目录已存在提示"},null,8,c),r,i,s("p",null,[a("当选择 "),y,a(" 或者 "),d,a(" 或者项目目录 "),B,a(" 不存在,会提示选取一个 "),E,a(": "),s("img",{src:n(l)("pickTemplate.png"),alt:"选择模板类型"},null,8,h)]),b,s("img",{src:n(l)("home.png"),alt:"home"},null,8,D),C]))}});export{F as __pageData,_ as default}; diff --git a/assets/guide_getting-started.md.2912f54f.lean.js b/assets/guide_getting-started.md.f18fc880.lean.js similarity index 75% rename from assets/guide_getting-started.md.2912f54f.lean.js rename to assets/guide_getting-started.md.f18fc880.lean.js index bac3280dd..e2540296a 100644 --- a/assets/guide_getting-started.md.2912f54f.lean.js +++ b/assets/guide_getting-started.md.f18fc880.lean.js @@ -1 +1 @@ -import{o as e,c as o,C as s,b as n,a,V as p,y as l}from"./chunks/framework.b31a4d00.js";const t=p("",16),c=["src"],r=s("p",null,"你可以选择:",-1),i=s("ul",null,[s("li",null,[s("code",null,"Overwrite"),a(" 删除项目文件夹,重新创建项目。")]),s("li",null,[s("code",null,"Merge"),a(" 保留原项目文件夹,存在相同文件则用模板文件覆盖当前目录文件。")])],-1),y=s("code",null,"Overwrite",-1),d=s("code",null,"Merge",-1),B=s("code",null,"workspace/myapp",-1),E=s("code",null,"template",-1),D=["src"],h=p("",6),C=["src"],b=p("",9),v=JSON.parse('{"title":"快速上手","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md"}'),u={name:"guide/getting-started.md"},_=Object.assign(u,{setup(m){return(g,A)=>(e(),o("div",null,[t,s("img",{src:n(l)("pickTemplateTip.png"),alt:"目录已存在提示"},null,8,c),r,i,s("p",null,[a("当选择 "),y,a(" 或者 "),d,a(" 或者项目目录 "),B,a(" 不存在,会提示选取一个 "),E,a(": "),s("img",{src:n(l)("pickTemplate.png"),alt:"选择模板类型"},null,8,D)]),h,s("img",{src:n(l)("home.png"),alt:"home"},null,8,C),b]))}});export{v as __pageData,_ as default}; +import{o as e,c as o,C as s,b as n,a,V as p,y as l}from"./chunks/framework.b31a4d00.js";const t=p("",16),c=["src"],r=s("p",null,"你可以选择:",-1),i=s("ul",null,[s("li",null,[s("code",null,"Overwrite"),a(" 删除项目文件夹,重新创建项目。")]),s("li",null,[s("code",null,"Merge"),a(" 保留原项目文件夹,存在相同文件则用模板文件覆盖当前目录文件。")])],-1),y=s("code",null,"Overwrite",-1),d=s("code",null,"Merge",-1),B=s("code",null,"workspace/myapp",-1),E=s("code",null,"template",-1),h=["src"],b=p("",6),D=["src"],C=p("",9),F=JSON.parse('{"title":"快速上手","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md"}'),u={name:"guide/getting-started.md"},_=Object.assign(u,{setup(m){return(A,g)=>(e(),o("div",null,[t,s("img",{src:n(l)("pickTemplateTip.png"),alt:"目录已存在提示"},null,8,c),r,i,s("p",null,[a("当选择 "),y,a(" 或者 "),d,a(" 或者项目目录 "),B,a(" 不存在,会提示选取一个 "),E,a(": "),s("img",{src:n(l)("pickTemplate.png"),alt:"选择模板类型"},null,8,h)]),b,s("img",{src:n(l)("home.png"),alt:"home"},null,8,D),C]))}});export{F as __pageData,_ as default}; diff --git a/assets/index.md.00cc0086.js b/assets/index.md.0decb436.js similarity index 92% rename from assets/index.md.00cc0086.js rename to assets/index.md.0decb436.js index 241455c1d..0eb17ea9e 100644 --- a/assets/index.md.00cc0086.js +++ b/assets/index.md.0decb436.js @@ -1,4 +1,4 @@ -import{_ as a,H as t,o as n,c as o,J as c,E as i,C as s,a as e}from"./chunks/framework.b31a4d00.js";const _=JSON.parse('{"title":"Fes.js","description":"","frontmatter":{"layout":"home","title":"Fes.js","hero":{"name":"Fes.js","tagline":"一个好用的前端应用解决方案","image":{"src":"/logo.png","alt":"VitePress"},"actions":[{"text":"快速上手","link":"/guide/getting-started.html","theme":"brand"},{"text":"项目简介","link":"/guide/","theme":"alt"}]},"features":[{"title":"Fast","details":"Fes.js 内置路由、构建、插件管理,提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件,可以满足大部分日常开发需求。"},{"title":"Easy","details":"基于Vue.js 3.0,上手非常简单。贯彻 “约定优于配置” 思想,在设计插件上尽可能用约定替代配置,依然提供统一的插件配置入口,简单简洁又不失灵活。提供一致性的API入口,一致化的体验,学习起来更轻松。"},{"title":"Strong","details":"仅仅需要关心页面内容,减少犯错的机会!提供单元测试、覆盖测试的能力保障项目质量。"},{"title":"可扩展","details":"借鉴 UMI 实现完整的生命周期和插件化机制,插件可以管理项目的编译时和运行时,能力均可以通过插件封装进来,在 Fes.js 中协调有序的运行。"},{"title":"面向未来","details":"在满足需求的同时,我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能,已使用 webpack5 和 vite 提升构建性能和实现微服务。"},{"title":"令人愉悦","details":"我们的主要重点是开发人员体验。我们喜欢 Fes.js,并且会不断改进框架,所以您也喜欢它!期待有吸引力的解决方案,描述性的错误消息,强大的默认值和详细的文档。如果有问题或疑问,我们有用的社区将为您提供帮助。"}]},"headers":[],"relativePath":"index.md"}'),p={name:"index.md"},r=s("h2",{id:"像数-1-2-3-一样容易",tabindex:"-1"},[e("像数 1, 2, 3 一样容易 "),s("a",{class:"header-anchor",href:"#像数-1-2-3-一样容易","aria-label":'Permalink to "像数 1, 2, 3 一样容易"'},"")],-1),d=s("div",{class:"vp-code-group"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-Obfr2",id:"tab-8B6uQpd",checked:"checked"}),s("label",{for:"tab-8B6uQpd"},"pnpm"),s("input",{type:"radio",name:"group-Obfr2",id:"tab-uKcyqcJ"}),s("label",{for:"tab-uKcyqcJ"},"npm")]),s("div",{class:"blocks"},[s("div",{class:"language-bash active"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"bash"),s("pre",{class:"shiki material-theme-palenight"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 创建模板")]),e(` +import{_ as a,H as t,o as n,c as o,J as c,E as i,C as s,a as e}from"./chunks/framework.b31a4d00.js";const F=JSON.parse('{"title":"Fes.js","description":"","frontmatter":{"layout":"home","title":"Fes.js","hero":{"name":"Fes.js","tagline":"一个好用的前端应用解决方案","image":{"src":"/logo.png","alt":"VitePress"},"actions":[{"text":"快速上手","link":"/guide/getting-started.html","theme":"brand"},{"text":"项目简介","link":"/guide/","theme":"alt"}]},"features":[{"title":"Fast","details":"Fes.js 内置路由、构建、插件管理,提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件,可以满足大部分日常开发需求。"},{"title":"Easy","details":"基于Vue.js 3.0,上手非常简单。贯彻 “约定优于配置” 思想,在设计插件上尽可能用约定替代配置,依然提供统一的插件配置入口,简单简洁又不失灵活。提供一致性的API入口,一致化的体验,学习起来更轻松。"},{"title":"Strong","details":"仅仅需要关心页面内容,减少犯错的机会!提供单元测试、覆盖测试的能力保障项目质量。"},{"title":"可扩展","details":"借鉴 UMI 实现完整的生命周期和插件化机制,插件可以管理项目的编译时和运行时,能力均可以通过插件封装进来,在 Fes.js 中协调有序的运行。"},{"title":"面向未来","details":"在满足需求的同时,我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能,已使用 webpack5 和 vite 提升构建性能和实现微服务。"},{"title":"令人愉悦","details":"我们的主要重点是开发人员体验。我们喜欢 Fes.js,并且会不断改进框架,所以您也喜欢它!期待有吸引力的解决方案,描述性的错误消息,强大的默认值和详细的文档。如果有问题或疑问,我们有用的社区将为您提供帮助。"}]},"headers":[],"relativePath":"index.md"}'),p={name:"index.md"},r=s("h2",{id:"像数-1-2-3-一样容易",tabindex:"-1"},[e("像数 1, 2, 3 一样容易 "),s("a",{class:"header-anchor",href:"#像数-1-2-3-一样容易","aria-label":'Permalink to "像数 1, 2, 3 一样容易"'},"")],-1),d=s("div",{class:"vp-code-group"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-rzyq1",id:"tab-KkRibAm",checked:"checked"}),s("label",{for:"tab-KkRibAm"},"pnpm"),s("input",{type:"radio",name:"group-rzyq1",id:"tab-g3V4FJZ"}),s("label",{for:"tab-g3V4FJZ"},"npm")]),s("div",{class:"blocks"},[s("div",{class:"language-bash active"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"bash"),s("pre",{class:"shiki material-theme-palenight"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 创建模板")]),e(` `),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"pnpm"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"create"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"@fesjs/fes-app"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"myapp")]),e(` `),s("span",{class:"line"}),e(` `),s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 安装依赖")]),e(` @@ -12,4 +12,4 @@ import{_ as a,H as t,o as n,c as o,J as c,E as i,C as s,a as e}from"./chunks/fra `),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"install")]),e(` `),s("span",{class:"line"}),e(` `),s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 运行")]),e(` -`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"run"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"dev")])])])])])],-1),y=s("h2",{id:"反馈",tabindex:"-1"},[e("反馈 "),s("a",{class:"header-anchor",href:"#反馈","aria-label":'Permalink to "反馈"'},"")],-1),h=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Github Issue"),s("th",null,"Fes.js 开源运营小助手")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("a",{href:"https://github.com/WeBankFinTech/fes.js/issues",target:"_blank",rel:"noreferrer"},"@fesjs/fes.js/issues")]),s("td",null,[s("img",{src:"https://wanchun-1252303708.cos.ap-nanjing.myqcloud.com/WeChatb7bcfb33e47b8949ced831b8e79ffb0b.jpg",height:"250"})])])])],-1);function u(m,B,b,f,E,g){const l=t("HomeContent");return n(),o("div",null,[c(l,null,{default:i(()=>[r,d,y,h]),_:1})])}const D=a(p,[["render",u]]);export{_ as __pageData,D as default}; +`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"run"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"dev")])])])])])],-1),y=s("h2",{id:"反馈",tabindex:"-1"},[e("反馈 "),s("a",{class:"header-anchor",href:"#反馈","aria-label":'Permalink to "反馈"'},"")],-1),h=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Github Issue"),s("th",null,"Fes.js 开源运营小助手")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("a",{href:"https://github.com/WeBankFinTech/fes.js/issues",target:"_blank",rel:"noreferrer"},"@fesjs/fes.js/issues")]),s("td",null,[s("img",{src:"https://wanchun-1252303708.cos.ap-nanjing.myqcloud.com/WeChatb7bcfb33e47b8949ced831b8e79ffb0b.jpg",height:"250"})])])])],-1);function m(u,B,b,f,g,E){const l=t("HomeContent");return n(),o("div",null,[c(l,null,{default:i(()=>[r,d,y,h]),_:1})])}const _=a(p,[["render",m]]);export{F as __pageData,_ as default}; diff --git a/assets/index.md.00cc0086.lean.js b/assets/index.md.0decb436.lean.js similarity index 92% rename from assets/index.md.00cc0086.lean.js rename to assets/index.md.0decb436.lean.js index 241455c1d..0eb17ea9e 100644 --- a/assets/index.md.00cc0086.lean.js +++ b/assets/index.md.0decb436.lean.js @@ -1,4 +1,4 @@ -import{_ as a,H as t,o as n,c as o,J as c,E as i,C as s,a as e}from"./chunks/framework.b31a4d00.js";const _=JSON.parse('{"title":"Fes.js","description":"","frontmatter":{"layout":"home","title":"Fes.js","hero":{"name":"Fes.js","tagline":"一个好用的前端应用解决方案","image":{"src":"/logo.png","alt":"VitePress"},"actions":[{"text":"快速上手","link":"/guide/getting-started.html","theme":"brand"},{"text":"项目简介","link":"/guide/","theme":"alt"}]},"features":[{"title":"Fast","details":"Fes.js 内置路由、构建、插件管理,提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件,可以满足大部分日常开发需求。"},{"title":"Easy","details":"基于Vue.js 3.0,上手非常简单。贯彻 “约定优于配置” 思想,在设计插件上尽可能用约定替代配置,依然提供统一的插件配置入口,简单简洁又不失灵活。提供一致性的API入口,一致化的体验,学习起来更轻松。"},{"title":"Strong","details":"仅仅需要关心页面内容,减少犯错的机会!提供单元测试、覆盖测试的能力保障项目质量。"},{"title":"可扩展","details":"借鉴 UMI 实现完整的生命周期和插件化机制,插件可以管理项目的编译时和运行时,能力均可以通过插件封装进来,在 Fes.js 中协调有序的运行。"},{"title":"面向未来","details":"在满足需求的同时,我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能,已使用 webpack5 和 vite 提升构建性能和实现微服务。"},{"title":"令人愉悦","details":"我们的主要重点是开发人员体验。我们喜欢 Fes.js,并且会不断改进框架,所以您也喜欢它!期待有吸引力的解决方案,描述性的错误消息,强大的默认值和详细的文档。如果有问题或疑问,我们有用的社区将为您提供帮助。"}]},"headers":[],"relativePath":"index.md"}'),p={name:"index.md"},r=s("h2",{id:"像数-1-2-3-一样容易",tabindex:"-1"},[e("像数 1, 2, 3 一样容易 "),s("a",{class:"header-anchor",href:"#像数-1-2-3-一样容易","aria-label":'Permalink to "像数 1, 2, 3 一样容易"'},"")],-1),d=s("div",{class:"vp-code-group"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-Obfr2",id:"tab-8B6uQpd",checked:"checked"}),s("label",{for:"tab-8B6uQpd"},"pnpm"),s("input",{type:"radio",name:"group-Obfr2",id:"tab-uKcyqcJ"}),s("label",{for:"tab-uKcyqcJ"},"npm")]),s("div",{class:"blocks"},[s("div",{class:"language-bash active"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"bash"),s("pre",{class:"shiki material-theme-palenight"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 创建模板")]),e(` +import{_ as a,H as t,o as n,c as o,J as c,E as i,C as s,a as e}from"./chunks/framework.b31a4d00.js";const F=JSON.parse('{"title":"Fes.js","description":"","frontmatter":{"layout":"home","title":"Fes.js","hero":{"name":"Fes.js","tagline":"一个好用的前端应用解决方案","image":{"src":"/logo.png","alt":"VitePress"},"actions":[{"text":"快速上手","link":"/guide/getting-started.html","theme":"brand"},{"text":"项目简介","link":"/guide/","theme":"alt"}]},"features":[{"title":"Fast","details":"Fes.js 内置路由、构建、插件管理,提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件,可以满足大部分日常开发需求。"},{"title":"Easy","details":"基于Vue.js 3.0,上手非常简单。贯彻 “约定优于配置” 思想,在设计插件上尽可能用约定替代配置,依然提供统一的插件配置入口,简单简洁又不失灵活。提供一致性的API入口,一致化的体验,学习起来更轻松。"},{"title":"Strong","details":"仅仅需要关心页面内容,减少犯错的机会!提供单元测试、覆盖测试的能力保障项目质量。"},{"title":"可扩展","details":"借鉴 UMI 实现完整的生命周期和插件化机制,插件可以管理项目的编译时和运行时,能力均可以通过插件封装进来,在 Fes.js 中协调有序的运行。"},{"title":"面向未来","details":"在满足需求的同时,我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能,已使用 webpack5 和 vite 提升构建性能和实现微服务。"},{"title":"令人愉悦","details":"我们的主要重点是开发人员体验。我们喜欢 Fes.js,并且会不断改进框架,所以您也喜欢它!期待有吸引力的解决方案,描述性的错误消息,强大的默认值和详细的文档。如果有问题或疑问,我们有用的社区将为您提供帮助。"}]},"headers":[],"relativePath":"index.md"}'),p={name:"index.md"},r=s("h2",{id:"像数-1-2-3-一样容易",tabindex:"-1"},[e("像数 1, 2, 3 一样容易 "),s("a",{class:"header-anchor",href:"#像数-1-2-3-一样容易","aria-label":'Permalink to "像数 1, 2, 3 一样容易"'},"")],-1),d=s("div",{class:"vp-code-group"},[s("div",{class:"tabs"},[s("input",{type:"radio",name:"group-rzyq1",id:"tab-KkRibAm",checked:"checked"}),s("label",{for:"tab-KkRibAm"},"pnpm"),s("input",{type:"radio",name:"group-rzyq1",id:"tab-g3V4FJZ"}),s("label",{for:"tab-g3V4FJZ"},"npm")]),s("div",{class:"blocks"},[s("div",{class:"language-bash active"},[s("button",{title:"Copy Code",class:"copy"}),s("span",{class:"lang"},"bash"),s("pre",{class:"shiki material-theme-palenight"},[s("code",null,[s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 创建模板")]),e(` `),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"pnpm"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"create"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"@fesjs/fes-app"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"myapp")]),e(` `),s("span",{class:"line"}),e(` `),s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 安装依赖")]),e(` @@ -12,4 +12,4 @@ import{_ as a,H as t,o as n,c as o,J as c,E as i,C as s,a as e}from"./chunks/fra `),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"install")]),e(` `),s("span",{class:"line"}),e(` `),s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"# 运行")]),e(` -`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"run"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"dev")])])])])])],-1),y=s("h2",{id:"反馈",tabindex:"-1"},[e("反馈 "),s("a",{class:"header-anchor",href:"#反馈","aria-label":'Permalink to "反馈"'},"")],-1),h=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Github Issue"),s("th",null,"Fes.js 开源运营小助手")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("a",{href:"https://github.com/WeBankFinTech/fes.js/issues",target:"_blank",rel:"noreferrer"},"@fesjs/fes.js/issues")]),s("td",null,[s("img",{src:"https://wanchun-1252303708.cos.ap-nanjing.myqcloud.com/WeChatb7bcfb33e47b8949ced831b8e79ffb0b.jpg",height:"250"})])])])],-1);function u(m,B,b,f,E,g){const l=t("HomeContent");return n(),o("div",null,[c(l,null,{default:i(()=>[r,d,y,h]),_:1})])}const D=a(p,[["render",u]]);export{_ as __pageData,D as default}; +`),s("span",{class:"line"},[s("span",{style:{color:"#FFCB6B"}},"npm"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"run"),s("span",{style:{color:"#BABED8"}}," "),s("span",{style:{color:"#C3E88D"}},"dev")])])])])])],-1),y=s("h2",{id:"反馈",tabindex:"-1"},[e("反馈 "),s("a",{class:"header-anchor",href:"#反馈","aria-label":'Permalink to "反馈"'},"")],-1),h=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"Github Issue"),s("th",null,"Fes.js 开源运营小助手")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("a",{href:"https://github.com/WeBankFinTech/fes.js/issues",target:"_blank",rel:"noreferrer"},"@fesjs/fes.js/issues")]),s("td",null,[s("img",{src:"https://wanchun-1252303708.cos.ap-nanjing.myqcloud.com/WeChatb7bcfb33e47b8949ced831b8e79ffb0b.jpg",height:"250"})])])])],-1);function m(u,B,b,f,g,E){const l=t("HomeContent");return n(),o("div",null,[c(l,null,{default:i(()=>[r,d,y,h]),_:1})])}const _=a(p,[["render",m]]);export{F as __pageData,_ as default}; diff --git a/assets/reference_cli_index.md.1e2e82ad.js b/assets/reference_cli_index.md.f46354f5.js similarity index 95% rename from assets/reference_cli_index.md.1e2e82ad.js rename to assets/reference_cli_index.md.f46354f5.js index 5358ff1dc..66efd3cfd 100644 --- a/assets/reference_cli_index.md.1e2e82ad.js +++ b/assets/reference_cli_index.md.f46354f5.js @@ -1,10 +1,10 @@ -import{_ as s,o as a,c as n,V as e}from"./chunks/framework.b31a4d00.js";const u=JSON.parse('{"title":"命令行工具","description":"","frontmatter":{"aside":"left","outline":[2,3]},"headers":[],"relativePath":"reference/cli/index.md"}'),p={name:"reference/cli/index.md"},l=e(`通过 create-fes-app
命令创建项目模板,输入create-fes-app -h
则可以看到如下信息:
Usage: create-fes-app <name>
+import{_ as s,o as a,c as n,V as e}from"./chunks/framework.b31a4d00.js";const u=JSON.parse('{"title":"命令行工具","description":"","frontmatter":{"aside":"left","outline":[2,3]},"headers":[],"relativePath":"reference/cli/index.md"}'),l={name:"reference/cli/index.md"},p=e(`命令行工具
create-fes-app
通过 create-fes-app
命令创建项目模板,输入create-fes-app -h
则可以看到如下信息:
Usage: create-fes-app <name>
Options:
-v, --version Output the current version
-h, --help Display help for command
-f, --force Overwrite target directory if it exists
- -m, --merge Merge target directory if it exists
可以在本机安装后使用:
bash# 全局安装
+ -m, --merge Merge target directory if it exists
可以在本机安装后使用:
bash# 全局安装
pnpm global add @fesjs/create-fes-app
# 创建模板
@@ -12,7 +12,7 @@ import{_ as s,o as a,c as n,V as e}from"./chunks/framework.b31a4d00.js";const u=
npm i -g @fesjs/create-fes-app
# 创建模板
-create-fes-app fes-app
推荐使用 pnpm create
和 npx
方式创建模板,一直使用最新的模板:
bash# 创建模板
+create-fes-app fes-app
推荐使用 pnpm create
和 npx
方式创建模板,一直使用最新的模板:
bash# 创建模板
pnpm create @fesjs/fes-app myapp
# 安装依赖
@@ -68,4 +68,4 @@ import{_ as s,o as a,c as n,V as e}from"./chunks/framework.b31a4d00.js";const u=
--rules list all module rule names
--plugins list all plugin names
--verbose show full function definitions in output
- -h, --help display help for command
比如:
bashfes webpack
`,34),o=[l];function t(c,i,r,d,b,y){return a(),n("div",null,o)}const f=s(p,[["render",t]]);export{u as __pageData,f as default};
+ -h, --help display help for command比如:
bashfes webpack
`,34),o=[p];function t(c,i,r,d,b,y){return a(),n("div",null,o)}const f=s(l,[["render",t]]);export{u as __pageData,f as default};
diff --git a/assets/reference_cli_index.md.1e2e82ad.lean.js b/assets/reference_cli_index.md.f46354f5.lean.js
similarity index 52%
rename from assets/reference_cli_index.md.1e2e82ad.lean.js
rename to assets/reference_cli_index.md.f46354f5.lean.js
index 7dbf9a5f6..2f71f3db9 100644
--- a/assets/reference_cli_index.md.1e2e82ad.lean.js
+++ b/assets/reference_cli_index.md.f46354f5.lean.js
@@ -1 +1 @@
-import{_ as s,o as a,c as n,V as e}from"./chunks/framework.b31a4d00.js";const u=JSON.parse('{"title":"命令行工具","description":"","frontmatter":{"aside":"left","outline":[2,3]},"headers":[],"relativePath":"reference/cli/index.md"}'),p={name:"reference/cli/index.md"},l=e("",34),o=[l];function t(c,i,r,d,b,y){return a(),n("div",null,o)}const f=s(p,[["render",t]]);export{u as __pageData,f as default};
+import{_ as s,o as a,c as n,V as e}from"./chunks/framework.b31a4d00.js";const u=JSON.parse('{"title":"命令行工具","description":"","frontmatter":{"aside":"left","outline":[2,3]},"headers":[],"relativePath":"reference/cli/index.md"}'),l={name:"reference/cli/index.md"},p=e("",34),o=[p];function t(c,i,r,d,b,y){return a(),n("div",null,o)}const f=s(l,[["render",t]]);export{u as __pageData,f as default};
diff --git a/guide/builder.html b/guide/builder.html
index ec2bf84af..44bcce8b7 100644
--- a/guide/builder.html
+++ b/guide/builder.html
@@ -6,17 +6,17 @@
Vite 和 Webpack 双构建 | Fes.js
-
+
-
+
-
diff --git a/guide/config.html b/guide/config.html
index 9c71f2f6c..4e6ea3da4 100644
--- a/guide/config.html
+++ b/guide/config.html
@@ -6,10 +6,10 @@
编译时配置 | Fes.js
-
+
-
+
@@ -68,7 +68,7 @@
mock: true,
devServer: { port: 8000 }
};优先级
本地临时配置 > 环境配置 > 基础配置
TIP
如果多份配置中存在相同的配置项,则优先级高的会覆盖优先级低的。
Fes.js 内置路由、构建、插件管理,提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件,可以满足大部分日常开发需求。
基于Vue.js 3.0,上手非常简单。贯彻 “约定优于配置” 思想,在设计插件上尽可能用约定替代配置,依然提供统一的插件配置入口,简单简洁又不失灵活。提供一致性的API入口,一致化的体验,学习起来更轻松。
仅仅需要关心页面内容,减少犯错的机会!提供单元测试、覆盖测试的能力保障项目质量。
借鉴 UMI 实现完整的生命周期和插件化机制,插件可以管理项目的编译时和运行时,能力均可以通过插件封装进来,在 Fes.js 中协调有序的运行。
在满足需求的同时,我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能,已使用 webpack5 和 vite 提升构建性能和实现微服务。
我们的主要重点是开发人员体验。我们喜欢 Fes.js,并且会不断改进框架,所以您也喜欢它!期待有吸引力的解决方案,描述性的错误消息,强大的默认值和详细的文档。如果有问题或疑问,我们有用的社区将为您提供帮助。
# 创建模板
+ Skip to content Fast
Fes.js 内置路由、构建、插件管理,提供测试、布局、权限、国际化、状态管理、请求、数据字典、SVG等插件,可以满足大部分日常开发需求。
Easy
基于Vue.js 3.0,上手非常简单。贯彻 “约定优于配置” 思想,在设计插件上尽可能用约定替代配置,依然提供统一的插件配置入口,简单简洁又不失灵活。提供一致性的API入口,一致化的体验,学习起来更轻松。
Strong
仅仅需要关心页面内容,减少犯错的机会!提供单元测试、覆盖测试的能力保障项目质量。
可扩展
借鉴 UMI 实现完整的生命周期和插件化机制,插件可以管理项目的编译时和运行时,能力均可以通过插件封装进来,在 Fes.js 中协调有序的运行。
面向未来
在满足需求的同时,我们也不会停止对新技术的探索。已使用 Vue3.0 来提升应用性能,已使用 webpack5 和 vite 提升构建性能和实现微服务。
令人愉悦
我们的主要重点是开发人员体验。我们喜欢 Fes.js,并且会不断改进框架,所以您也喜欢它!期待有吸引力的解决方案,描述性的错误消息,强大的默认值和详细的文档。如果有问题或疑问,我们有用的社区将为您提供帮助。
像数 1, 2, 3 一样容易
bash# 创建模板
pnpm create @fesjs/fes-app myapp
# 安装依赖
@@ -30,7 +30,7 @@
# 运行
npm run dev
反馈
Github Issue Fes.js 开源运营小助手 @fesjs/fes.js/issues ![](https://wanchun-1252303708.cos.ap-nanjing.myqcloud.com/WeChatb7bcfb33e47b8949ced831b8e79ffb0b.jpg)
-