fes-starter

A fes.js + TypeScript starter template.

This template added our team's specific project setup to the upstream template.

Technology stack

Basic:

• pnpm for efficient package management
• TypeScript
• fes.js based on Vue 3 and Webpack
• JSX (optional, to replace Vue's template syntax)
• SASS with SCSS syntax for styling
• ESLint with @daotl/eslint-config-vue for linting
• Prettier with @daotl/prettier-config for code formatting
• Stylelint for linting CSS and SCSS

master branch:

(Temporally dsiabled UnoCSS until @unocss/webpack bug fixed)

• Element Plus: component library
• Pinia: state management
• UnoCSS: atomic CSS library
• Pure CSS icons with UnoCSS
• xicons (Temporally using this until @unocss/webpack bug fixed)

antd branch (not maintained):

• Ant Design Vue: component library

Project setup

npm install -g @fesjs/create-fes-app
pnpm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run prod

Lint & fix

npm run lint
npm run lint:fix

See Fes.js CLI docs and package.json for more.

Guides & References

Must-read

Read the following must-read to understand the technology stack of this template.

• Fes.js Docs
• <script setup> RFC
• What is Vue 3 Reactivity?
• Vue 3 Reactivity API
• Vue 3 Composition API
• Vue 3 TypeScript Support
• Using Vue 3 with JSX and TypeScript
• Vue Style Guide

Recommended

• Explaining The New script setup Type in Vue 3 – Major Takeaways from the RFC
• New script setup (without ref sugar)
• 探索 Vue 3 中的 JSX