vue的基本專案結構

vue的基本專案結構

├── readme.md            專案介紹

├── index.html           入口頁面
├── build              構建指令碼目錄
│  ├── build-server.js         執行本地構建伺服器，可以訪問構建後的頁面
│  ├── build.js            生產環境構建指令碼
│  ├── dev-client.js          開發伺服器熱過載指令碼，主要用來實現開發階段的頁面自動重新整理
│  ├── dev-server.js          執行本地開發伺服器
│  ├── utils.js            構建相關工具方法
│  ├── webpack.base.conf.js      wabpack基礎配置
│  ├── webpack.dev.conf.js       wabpack開發環境配置
│  └── webpack.prod.conf.js      wabpack生產環境配置
├── config             專案配置
│  ├── dev.env.js           開發環境變數
│  ├── index.js            專案配置檔案
│  ├── prod.env.js           生產環境變數
│  └── test.env.js           測試環境變數
├── mock              mock資料目錄
│  └── hello.js
├── package
.json          npm包配置檔案，裡面定義了專案的npm指令碼，依賴包等資訊
├── src               原始碼目錄 
│  ├── main.js             入口js檔案
│  ├── components           公共元件目錄
│  │  └── title.vue
│  ├── assets             資源目錄，這裡的資源會被wabpack構建
│  │  └── images
│  │    └── logo.png
│  ├── routes             前端路由
│  │  └── index.js
│  ├── store              應用級資料（state）狀態管理
│  │  └── index.js
│  └── views              頁面目錄
│    ├── hello.vue
│    └── notfound.vue
├── static             純靜態資源，不會被wabpack構建。
└── test              測試檔案目錄（unit&e2e）
└── unit              單元測試
├── index.js            入口指令碼
├── karma.conf.js          karma配置檔案
└── specs              單測case目錄
└── hello.spec.js

linux go環境安裝和基本專案結構

最近專案中要用到go語言，所以簡單總結一下安裝和配置，go這個語言本身就限定了很多規範，比如專案設定，程式設計風格等，開發中就不需要再因為各種規範問題糾結了，直接用官方規定的能避免很多坑，下面直接切正題，go一般參考兩個 官網和中文網，如下 官網 中文網 中文文件 另外其實中文網的更新目前也是比較快...

基本專案開發流程

專案開發步驟 背景 系統分析 需求分析 功能分析 系統設計 1.繪製用例圖設計功能 2.繪製系統流程圖 系統演示 開發工具和開發的技術選擇 規定資料夾組織結構和編碼規範 資料庫分析與設計 1.資料庫分析 2.概念設計 er圖 中的公共類的設計 開始編碼 測試 測試編寫好的系統。交給使用者使用，使用者...

WEBPACK4 X基本專案環境搭建

webpack4.x基本專案環境搭建 一 webpack安裝 1.若沒安裝過webpack，那麼首先是全域性安裝 npm install webpack g npm install webpack cli g2.建立乙個專案進行webpack的區域性安裝並生成乙個package.json npm i...