import{_ as r,r as d,o as t,c as u,a as s,w as a,f as c,b as e,d as n}from"./app.89d27141.js";const o={},v=c(`

命令行工具

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

可以在本机安装后使用:

`,5),p=e("div",{class:"language-bash line-numbers-mode","data-ext":"sh"},[e("pre",{class:"language-bash"},[e("code",null,[e("span",{class:"token comment"},"# 全局安装"),n(` `),e("span",{class:"token function"},"pnpm"),n(" global "),e("span",{class:"token function"},"add"),n(` @fesjs/create-fes-app `),e("span",{class:"token comment"},"# 创建模板"),n(` create-fes-app fes-app `)])]),e("div",{class:"line-numbers","aria-hidden":"true"},[e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"})])],-1),m=e("div",{class:"language-bash line-numbers-mode","data-ext":"sh"},[e("pre",{class:"language-bash"},[e("code",null,[e("span",{class:"token comment"},"# 全局安装"),n(` `),e("span",{class:"token function"},"npm"),n(" i "),e("span",{class:"token parameter variable"},"-g"),n(` @fesjs/create-fes-app `),e("span",{class:"token comment"},"# 创建模板"),n(` create-fes-app fes-app `)])]),e("div",{class:"line-numbers","aria-hidden":"true"},[e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"})])],-1),b=e("p",null,[n("推荐使用 "),e("code",null,"pnpm create"),n(" 和 "),e("code",null,"npx"),n(" 方式创建模板,一直使用最新的模板:")],-1),h=e("div",{class:"language-bash line-numbers-mode","data-ext":"sh"},[e("pre",{class:"language-bash"},[e("code",null,[e("span",{class:"token comment"},"# 创建模板"),n(` `),e("span",{class:"token function"},"pnpm"),n(` create @fesjs/fes-app myapp `),e("span",{class:"token comment"},"# 安装依赖"),n(` `),e("span",{class:"token function"},"pnpm"),n(` i `),e("span",{class:"token comment"},"# 运行"),n(` `),e("span",{class:"token function"},"pnpm"),n(` dev `)])]),e("div",{class:"line-numbers","aria-hidden":"true"},[e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"})])],-1),f=e("div",{class:"language-bash line-numbers-mode","data-ext":"sh"},[e("pre",{class:"language-bash"},[e("code",null,[e("span",{class:"token comment"},"# 创建模板"),n(` npx @fesjs/create-fes-app myapp `),e("span",{class:"token comment"},"# 安装依赖"),n(` `),e("span",{class:"token function"},"npm"),n(),e("span",{class:"token function"},"install"),n(` `),e("span",{class:"token comment"},"# 运行"),n(` `),e("span",{class:"token function"},"npm"),n(` run dev `)])]),e("div",{class:"line-numbers","aria-hidden":"true"},[e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"}),e("div",{class:"line-number"})])],-1),g=c(`

fes

需要在项目根目录执行 fes 命令,输入fes -h则可以看到如下信息:

Usage: fes <command> [options]

一个好用的前端应用解决方案

Options:
  -v, --vers         output the current version
  -h, --help         display help for command

Commands:
  build              build application for production
  dev [options]      start a local http service for development
  help               show command helps
  info               print debugging information about your environment
  webpack [options]  inspect webpack configurations

  Run fes <command> --help for detailed usage of given command.

fes dev

启动本地开发服务器进行项目的开发调试。

Usage: fes dev [options]

start a local http service for development

Options:
  --port      http service port, like 8000
  --https     whether to turn on the https service
  -h, --help  display help for command

比如:

fes dev --port=8000

fes build

编译构建 web 产物。

Usage: fes build [options]

build application for production

Options:
  -h, --help  display help for command

比如:

fes build

fes help

打印帮助文档。 比如:

fes help

fes info

打印当前项目的有用的环境信息,用来帮助定位问题。

Usage: fes info [options]

print debugging information about your environment

Options:
  -h, --help  display help for command

比如:

fes info

fes webpack

查看项目使用的 webpack 配置。

Usage: fes webpack [options]

inspect webpack configurations

Options:
  --rule <ruleName>      inspect a specific module rule
  --plugin <pluginName>  inspect a specific plugin
  --rules                list all module rule names
  --plugins              list all plugin names
  --verbose              show full function definitions in output
  -h, --help             display help for command

比如:

fes webpack
`,26);function x(k,_){const i=d("CodeGroupItem"),l=d("CodeGroup");return t(),u("div",null,[v,s(l,null,{default:a(()=>[s(i,{title:"PNPM",active:""},{default:a(()=>[p]),_:1}),s(i,{title:"NPM"},{default:a(()=>[m]),_:1})]),_:1}),b,s(l,null,{default:a(()=>[s(i,{title:"PNPM",active:""},{default:a(()=>[h]),_:1}),s(i,{title:"NPM"},{default:a(()=>[f]),_:1})]),_:1}),g])}const y=r(o,[["render",x],["__file","index.html.vue"]]);export{y as default};