front-end-Doc

前端文件彙總（含程式碼規範、開發流程、知識分享等）

1. 這裡的文件很重要，

2. 你可以在這裡看到前端相關程式碼規範、開發規範、開發流程等，

3. 如果你是新人，務必看完，

4. 如果你是老員工，務必按這裡的約定執行。

目錄結構

本專案提供了涵蓋中後臺開發的各類功能和坑位，下面是整個專案的目錄結構。

├── build // 構建相關

├── config // 配置相關

├── src // 原始碼

│ ├── api // 所有請求

│ ├── assets // 主題 字型等靜態資源

│ ├── components // 全域性公用元件

│ ├── directive // 全域性指令

│ ├── filters // 全域性 filter

│ ├── icons // 專案所有 svg icons

│ ├── lang // 國際化 language

│ ├── mock // 專案mock 模擬資料

│ ├── router // 路由

│ ├── store // 全域性 store管理

│ ├── styles // 全域性樣式

│ ├── utils // 全域性公用方法

│ ├── vendor // 公用vendor

│ ├── views // view

│ ├── App.vue // 入口頁面

│ ├── main.js // 入口 載入元件 初始化等

│ └── permission.js // 許可權管理

├── static // 第三方不打包資源

│ └── Tinymce // 富文字

├── .babelrc // babel-loader 配置

├── eslintrc.js // eslint 配置項

├── .gitignore // git 忽略項

├── favicon.ico // favicon圖示

├── index.html // html模板

└── package.json // package.json
 

安裝

1.# install dependencies

  npm install

2.# serve with hot reload at localhost:3000

 npm run dev

3.# build for production with minification

 npm run build

技術選型

程式碼規範

前後端介面規範

檔案命名規範