1.0.1 • Published 4 years ago
vue-ts-pwa-cli v1.0.1
Vue + TypeScript Project
项目初始化后,需要自行配置:
index.html
中对应的文档标题.yarnrc
中 Yarn 的仓库地址bin
目录中对应的部署脚本vue.config.js
中对应的端口号- 此 README.md 文档
项目介绍
Vue + TypeScript 项目模板,源自使用Vue-Cli@4创建的使用了TypeScript语言的Vue项目。
预置了下列功能:
- 基本的TypeScript编译和解析支持(Vue-Cli@4 + vue-property-decorator)
- Vue-Router、路由懒加载(Vue-Cli@4)
- Vuex(Vue-Cli@4 + vuex-class )
- 严格的代码检查工具(ESLint + Prettier + Stylelint
commit
之前的代码检查(Vue-Cli@4 + lint-staged)- Less,并且自动导入全局样式变量(Vue-Cli@4 + style-resources-loader)
- 针对Axios的封装(导出
get
等方法,全局Loading、网络错误自动提示并在Vue.config.errorHandler
中捕获) - 预置三个环境变量和对应的编译脚本(
development
/production
/staging
) - 按需引入ElementUI(ElementUI插件)
- 封装好的导航组件(el-menu)
- 单元测试(Vue-Cli@4 + Jest)
/src/utils
中其他一些预置的辅助方法(date-fns + js-cookie)- 针对百度内部的持续集成脚本
脚本
# 安装依赖
yarn install
# 开发 8000 端口
yarn serve
# 编译(生产环境)
yarn build
# 编译(开发环境)
yarn build-dev
# 编译(测试环境)
yarn build-staging
# 本地 7000 端口预览编译后文件
preview
# 格式化 src 目录下文件
yarn prettier