# npm_many_dependencies_template

**Repository Path**: hepingxm/npm_many_dependencies_template

## Basic Information

- **Project Name**: npm_many_dependencies_template
- **Description**: npm多模块项目模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-18
- **Last Updated**: 2021-04-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### npm 多模块项目组织模板
- utils 工具类
- root 项目根目录，具体业务代码
- business_compoments 业务组件，与业务相关的组件
- basics_compoments 基础组件，与业务无关的组件

### 其他
- 实现type类型可检查，需要写ts类型声明文件


### 项目启动 npm run dev
- 如果组件项目存在变化，请重新进行编译

### 如果需要提示自己的组件，那么需要在file/setting/Languages&Frameworks/Javascript/Libraries/中进行加载

### 对于后端接口，建议统一管理，因为api的公共性很大，耦合度高，抽取出来有利于api的引用与维护
### 对于图片资源，建议在模块下新建imgs文件对该模块图片文件进行管理，避免将全部的图片文件统一在一个文件夹下进行管理，原因如下
- 图片资源的耦合度相对来讲耦合度较低
- 图片资源卸载模块下，当我们需要删除该模块的时候，可以一并删除模块下的图片资源
### 组件库单独出，业务组件库与通用组件库，业务组件库不允许全局注册，通用组件库允许全局组件（由于业务组件库的组件量很大，所以不能全局组件造成卡顿）
- 业务组件库按照模块划分，单独成一个项目
- 通用组件库按照层次关系划分，单独成一个项目
### vscode 插件推荐
- https://www.cnblogs.com/pengyinghao/p/12418701.html
- 其他的常用插件直接百度一下


### 分包方案
1.按照业务模块进行风包
2.按照技术逻辑进行分包
3.混和模式


按照业务模块进行分包
- 销售 销售分包
- 采购 采购分包
- 库存 库存分包


按照技术模块进行分包
- 工具包
- 公共组件分包
    - 业务组件
    - 基础组件 



混和模式
- 按照业务模块进行分包
- 按照技术模块进行分包


### 公共组件方案
1.业务组件  
2.基础组件  

组件注册单独写在一个js中进行注册  
全局组件，必须是通用度高的组件，组件名称必须标识是业务组件  
判别是否是公共组件组件  
- 组件在两个模块使用过
- 组件在一个模块的不同页面，使用次数操作2次
- 你认为可能使用多次的情况

vue，vuex数据的全局共享


### 对于通用的组件，比如table组件，我们最好还是对其进行封装一下再使用
但是他本身的props需要全部继承下来，并可以自定义字段，或者设置默认值这样，
所以就是使用v-on v-attr这种方式

### vue 文档自动生成工具
- Vue Styleguidist

### 项目基础架构，需要描述清楚，哪些部分写哪些东西，这样就不会出现混乱 到时候前端人员就能更好的工作