# vue-ts-elementui-tpl

**Repository Path**: Alan0827/vue-ts-elementui-tpl

## Basic Information

- **Project Name**: vue-ts-elementui-tpl
- **Description**: vue+ts+elementui   脚手架，多应用开发，build；elementui常用组件已经封装；

- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 3
- **Created**: 2020-05-20
- **Last Updated**: 2021-04-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


### 目录说明
```
- config
  - projectsConfig.ts                       项目配置文件

- dist 
  - demo                                    
    - demo.zip                              打包后子应用

- public                                    ***公共资源（不参与build）

- src
  - assets                                  公共静态资源(参与build)
  - components                              公共组件
  - icons                                   公共svg图标
  - projects                               
    - demo1
    - demo2                                 子应用
      - api                                 请求api地址
      - assets                               
      - layout                              layout
      - public                              ***公共资源（不参与build）
        - image                             服务器可配置静态图片
        - config.js                         服务器可配置文件（baseURL等）
      - router                              vue 路由
      - store                               vuex
      - theme                               主题
      - utils                               
      - views                               页面
      - App.vue                              
      - main.ts                             入口
      - permission.ts                       权限控制
      - settings.ts                         简单设置
    - ...

  - styles                                  公共样式
  - utils                                   公共工具
  - shims-vue.d.ts                          全局声明文件

- test                                      测试相关
- .browserslistrc                           目标浏览器
- .editorconfig                             编辑器配置
- .env.development                          开发环境变量
- .env.production                           生产环境变量
- .eslintignore                             eslint 忽略
- .eslintrc.js                              eslint配置
- .gitignore                                     
- babel.config.js                           babel配置           
- jest.config.js                                     
- package.json                                     
- postcss.config.js                         postcss配置                       
- tsconfig.json                             ts 配置                   
- vue.config.js                             vue配置       

```

### 命令

###### 更新依赖
```
npm install

强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
若还是不行，可使用 yarn 替代 npm。
npm install --registry=https://registry.npm.taobao.org
```

###### 开发
```
npm run dev:子应用
```


###### 打包
```
npm run build:子应用
```


#####  vscode 配置eslint参考
```
{
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
      "javascript",
      "javascriptreact",
      {
          "language": "typescript",
          "autoFix": true
      },
  ],
  "typescript.tsdk": "node_modules/typescript/lib",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

  "path-intellisense.mappings": {
    "@demo": "${workspaceRoot}/src/projects/demo"
  },
}
```