suqian_pc

配置

vue-i18n@next vue-router@4 vuex@next --save ant-design-vue@next --save axios --save nprogress --save less less-loader --save-dev

代码格式验证工具

@typescript-eslint/eslint-plugin -S @typescript-eslint/parser -S eslint -S eslint-config-prettier@7.2.0 -S //这个一定要是 7.2.0 版本，其他版本配置会报错 eslint-plugin-prettier -S eslint-plugin-vue -S prettier -S pretty-quick -S vue-eslint-parser -S

代码基础架构说明

|-- 根目录
    |-- dist 项目 build 之后的文件夹
    |-- public 项目静态资源，适合存放第三方压缩好的资源
    |-- src 主要的开发目录
    | |-- @type 项目共用的 type
    | |-- App.vue 页面渲染根节点
    | |-- permission.ts 权限
    | |-- main.ts 入口文件
    | |-- shims-vue.d.ts vue 文件类型的 type
    | |-- api http 请求相关
    | | |-- apiList.ts api 接口列表
    | | |-- axios.ts 业务请求封装
    | | |-- user.ts api 请求模块
    | |-- assets 存放静态资源，这个文件夹下的文件会走压缩流程
    | |-- components
    | | |-- index.ts 自动注册脚本
    | | |-- global 自动注册的全局组件
    | | |-- ...其他非全局注册的模块
    | |-- config 全局静态配置，不可更改项
    | |-- layout 页面页面骨架
    | |-- plugins 存放第三方插件
    | | |-- index.ts 插件挂载入口
    | |-- router 路由
    | | |-- index.ts 路由入口
    | |-- store vuex
    | | |-- modules 多个模块
    | | |-- index.ts 自动装载模块
    | | |-- app app 模块
    | |-- styles 全局样式，一句 ui 库主题样式
    | | |-- \_variables.less
    | | |-- test.less
    | |-- utils 常用函数以及其他有用工具
    | | |-- common.ts
    | |-- views 页面级组件
    | | |-- ..... 正常页面
    | | |-- login 登录页面
    |-- .editorconfig vscode 编辑器 设置
    |-- .env.development 开发环境配置
    |-- .env.preview 测试环境配置
    |-- .env.production 生产环境配置
    |-- .eslintignore eslint 要忽略的文件夹
    |-- .eslintrc.js eslint 规则配置
    |-- .gitattributes github 语言选项设置
    |-- .gitignore git 忽略的文件
    |-- .prettierrc.js 格式化插件配置
    |-- README.md 项目说明
    |-- babel.config.js babel 设置
    |-- global.d.ts 全局的 type
    |-- package.json  配置
    |-- tsconfig.json typescript 配置
    |-- typedoc.json 文档配置文件
    |-- vue.config.ts vue-cli 脚手架配置文件