├── .gitignore
├── .prettierrc.js
├── .vscode
├── extensions.json
└── settings.json
├── README.md
├── cypress.config.ts
├── cypress
├── e2e
│ └── basic.spec.ts
└── tsconfig.json
├── index.html
├── locales
├── en.yml
└── zh-CN.yml
├── package.json
├── pnpm-lock.yaml
├── public
└── logo.png
├── src
├── App.vue
├── auto-imports.d.ts
├── components.d.ts
├── components
│ ├── TheCounter.vue
│ ├── TheFooter.vue
│ └── TheInput.vue
├── composables
│ └── dark.ts
├── layouts
│ ├── 404.vue
│ ├── default.vue
│ └── home.vue
├── main.ts
├── modules
│ ├── i18n.ts
│ ├── nprogress.ts
│ └── pinia.ts
├── pages
│ ├── [...all].vue
│ ├── about.md
│ ├── hi
│ │ └── [name].vue
│ └── index.vue
├── shims.d.ts
├── stores
│ └── user.ts
├── styles
│ ├── main.css
│ └── markdown.css
└── types.ts
├── test
├── __snapshots__
│ └── component.test.ts.snap
└── component.test.ts
├── tsconfig.json
├── uno.config.ts
└── vite.config.ts
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .vite-ssg-dist
3 | .vite-ssg-temp
4 | *.local
5 | dist
6 | dist-ssr
7 | node_modules
8 | .idea/
9 | *.log
10 | cypress/downloads
11 |
--------------------------------------------------------------------------------
/.prettierrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | printWidth: 100,
3 | tabWidth: 2,
4 | semi: true,
5 | singleQuote: true,
6 | trailingComma: 'all',
7 | arrowParens: 'always',
8 | };
9 |
--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 | "recommendations": [
3 | "dbaeumer.vscode-eslint",
4 | "stylelint.vscode-stylelint",
5 | "esbenp.prettier-vscode"
6 | ]
7 | }
8 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"],
3 | "stylelint.validate": ["css","scss","less","acss"],
4 | "editor.codeActionsOnSave": {
5 | "source.fixAll.eslint": true,
6 | "source.fixAll.stylelint": true
7 | },
8 | "editor.defaultFormatter": "esbenp.prettier-vscode",
9 | "[javascript]": {
10 | "editor.defaultFormatter": "esbenp.prettier-vscode"
11 | },
12 | "[javascriptreact]": {
13 | "editor.defaultFormatter": "esbenp.prettier-vscode"
14 | },
15 | "[typescript]": {
16 | "editor.defaultFormatter": "esbenp.prettier-vscode"
17 | },
18 | "[typescriptreact]": {
19 | "editor.defaultFormatter": "esbenp.prettier-vscode"
20 | },
21 | "[vue]": {
22 | "editor.defaultFormatter": "esbenp.prettier-vscode"
23 | },
24 | "[css]": {
25 | "editor.defaultFormatter": "esbenp.prettier-vscode"
26 | },
27 | "[less]": {
28 | "editor.defaultFormatter": "esbenp.prettier-vscode"
29 | },
30 | "[scss]": {
31 | "editor.defaultFormatter": "esbenp.prettier-vscode"
32 | },
33 | "[html]": {
34 | "editor.defaultFormatter": "esbenp.prettier-vscode"
35 | },
36 | "[json]": {
37 | "editor.defaultFormatter": "esbenp.prettier-vscode"
38 | },
39 | "[jsonc]": {
40 | "editor.defaultFormatter": "esbenp.prettier-vscode"
41 | },
42 | "editor.formatOnSave": true
43 | }
44 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # es6-vue-template
2 |
3 | > 印客学院 ES6 Vue 项目模板
4 |
5 | ## ⛰️ 能力支持
6 |
7 | - [`Vue Router`](https://github.com/vuejs/router)
8 | - [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) - 以文件系统为基础的路由
9 | - [`vite-plugin-vue-layouts`](https://github.com/JohnCampionJr/vite-plugin-vue-layouts) - 页面布局系统
10 | - [`Pinia`](https://pinia.vuejs.org) - 直接的, 类型安全的, 使用 Composition API 的轻便灵活的 Vue 状态管理
11 | - [`vite-plugin-vue-markdown`](https://github.com/antfu/vite-plugin-vue-markdown) - Markdown 作为组件，也可以让组件在 Markdown 中使用
12 | - [`markdown-it-prism`](https://github.com/jGleitz/markdown-it-prism) - [Prism](https://prismjs.com/) 的语法高亮
13 | - [`prism-theme-vars`](https://github.com/antfu/prism-theme-vars) - 利用 CSS 变量自定义 Prism.js 的主题
14 | - [`Vue I18n`](https://github.com/intlify/vue-i18n-next) - 国际化
15 | - [`VueUse`](https://github.com/antfu/vueuse) - 实用的 Composition API 工具合集
16 | - [`@vueuse/head`](https://github.com/vueuse/head) - 响应式地操作文档头信息
17 | - [`vite-plugin-vue-devtools`](https://github.com/webfansplz/vite-plugin-vue-devtools) - 旨在增强 Vue 开发者体验的 Vite 插件
18 | - 使用 Composition API 地 [`
16 |
17 |
18 |
19 |
20 |
24 |
25 |