雖然簡短但技術棧涉及很多如:ts+tslint+build+mixins
1.如果不是vue3.0腳手架需要執行解除安裝命令
npm uninstall -g vue-cli
2.安裝並建立自己的專案
npm i -g @vue/cli
vur create my_project
3.安裝選項,然後一路回車到底
4.npm install安裝依賴並且npm run serve執行
5.打包配置(網上看了很多,總結個單頁面打包配置,多頁面待補充)
module.exports =
}
6.tslint簡單配置
,
"rules":
}
7.寫個簡單例子,就用自帶的home頁面,方便快速檢視.
export const mymixins = ,
hello() ,
};
vue打包部署到docker
npm run build 打包vue專案 啟動 docker 將dist目錄通過winscp等方式拷貝到linux伺服器上，同目錄下新建dockerfile dockerfile maintainer 為名字 copy dist home myhtml front 當前目錄的dist資料夾複製到容...
vue打包整合到springboot中
1.修改vuejs的config index.js,在裡面找到assetspublicpath，改為 記住，是build 這裡的，不是上面dev 的 build template for index.html index path.resolve dirname,dist index.html pa...
Vue專案打包到django部署
vue專案一般用於實現前端的單頁面富應用，其打包後的檔案可簡單看作靜態檔案，所以可以通過nginx部署，當然也可以通過django部署 畢竟本質上還是乙個html檔案及各css,js檔案的集合 不過前後端的耦合性以及效能就比nginx動靜分離的差一點。但平時開發的時候可以這樣部署，十分方便快捷。測試...