vue+ts構建後臺管理項目結構

1.1 安裝vue-cli

全局安裝vue-cli npm install -g @vue/cli

1.2 初始化項目

vue ceate demo 選擇手動配置項目

選擇（Babel TypeScript Router Vuex CSS-Pre-processors Linter/Formatter）固然這只是個人選擇，大家也能夠選擇別的

和vue-cli構建項目方式同樣，只是多選了一個TypeScript,後面的就是按照本身的編寫代碼習慣去選，在這裏我就不囉嗦了,這是項目初始化的目錄結構

這是我改造過之後的項目目錄結構，由於在公司頁面比較多，因此仍是劃分紅模塊比較好，固然這只是我本身的建議

這是運行成功之後的頁面結構

固然這只是一個比較簡單的頁面結構搭建，後期我還會繼續寫關於vue-ts的一些點，若是大家有什麼建議或者想法均可以在下面給我評論，這是我第一次寫文章，因此但願大家能夠給我多多提意見