README.md

Vue-template

项目模板需要在安全上下文中运行。

时间组件国际化·标准
版本组件·标准

/
├── README.md
├── webpack # webpack相关配置及服务目录
├── node_modules # package包代码存放目录
├── package.json # 项目包描述文件
├── postcss.config.js # postcss配置文件
├── public # 原始静态资源目录(涵盖项目内部的模板文件)
├── src # 主要的工作目录
├── .eslintrc.json # eslintrc配置文件
├── .stylelintrc.json # stylelintrc配置文件
├── .env # 环境变量配置文件
├── .npmrc # npm私有仓库包
├── .yarnrc # yarn私有仓库包
├── .env.production # production模式环境变量配置文件
├── .env.development # development模式环境变量配置文件
└── tsconfig.json # ts配置文件

4 directories, 9 files

你需要提前了解的一些事情？

模板基于Vue3.x搭建

Vue单文件组件模板编译·vue-template-compiler已发生重大改变，该模板已移除该配置新添加替换方案compiler-sfc，有关讨论信息可以参考：

1. forum.vuejs.org
2. vue-next-webpack-preview

相关链接

1. Better Type Inference
2. 选择启用:schema-params-middleware-joi

相关说明或解释

1. 这是一个现代化开发的模板库，但更靠近未来开发，模板中全部使用typeScript作为书写语法，但你仍然可以使用js进行开发，使用ts语法的部分并非仅包含应用主体部分，涵盖到ts-node、webpack等基础配置及环境依赖项。
2. 模板中允许使用.js文件及代码进行开发，支持同时编译。使用ts书写的代码编译时间将慢于js代码，这是因为tsc编译时间很长的缘故。但不会影响产物包的代码。
3. 模板结构参照flutter-cli vue-cli react-cli设计的目录规范，在主工作目录下[src]不允许超过三层嵌套，避免使用大量的时间来追溯代码目录结构。

配置文件文档参考地址

1. ts-tsconfig
2. ts-compilerOptions

模板中使用到的技术栈

• typescript

  1. ts-node
  2. ts-lang
  3. types/webpack
  4. typescript-eslint

• webpack

  1. webpack-chain
  2. webpack

• parcel

  1. parceljs

• vue

  1. vue
  2. vuex -> pinia
  3. vue-router
  4. vue-i18n

• http

  1. axios
  2. 选择启用：schema-params-middleware-joi

• environment

  1. https://github.com/motdotla/dotenv#config

• cookie

  1. js-cookie

• date

  1. 已在webpack打包中优化体积:moment

• eslint

  1. eslint-vue
  2. airbnb-base

已知的问题

1. stylelint-webpack-plugin·V2.2.0 Build将需要更长时间（可能长达数十分钟，请勿轻易升级）的等待。
2. postcss-html·V1.2.0 无法找到postcss-html/extract模块，请勿轻易升级。
3. 由于parcel自身使用JSON5处理配置文件，所以在模板在配置文件中使用了注释，但是webpack自身使用的是nodejs解析的，当你使用webpack运行时，请将配置文件中的注释消除，避免抛出不必要的异常错误。

帮助

Buy me a coffee