express+mysql+vue開發環境搭建


最近開始做一個實驗室資產管理系統,后台使用node.js的Express框架,前端使用vue,數據庫使用mysql。在這里開始簡單記錄一下開發過程和遇到的問題。

今天要說的是express+mysql+vue開發環境搭建

因為之前做項目的時候都是在別人(合作開發的大神)搭建好環境后,我直接學習相關的前端開發知識進行開發的,所以這次可以說是我第一次接觸到后台(。。。應該算是后台吧。。)的東西。

我首先遇到的問題是項目目錄的構建問題(不要笑!我就是這么小白/(ㄒoㄒ)/~~)

問題:

后台的express有自己的腳手架(剛剛接觸node,沒有自己搭建的信心),前端的vue也有vue-cli這樣的腳手架,他們都可以各自生成項目結構,要怎么把他們合並在一起??

解決:

一開始,我以為是有一個特別的腳手架可以幫我自動建好包含了前端和后台開發框架的;又或者是我分別用了express的腳手架和vue-cli生成后台和前端的項目結構,然后有一個其它的類似於命令或者程序什么的可以幫我把他們結合起來。。。。。。事實告訴我,是我想太多了ORZ。

首先,其實我們只需要用其中的一個來構建項目,然后在那個項目目錄中手動添加一些文件夾(用來構建缺少的前端或后台的部分),然后安裝和添加一些依賴,就可以了。

在我的情況下,因為vue-cli的結構太完整了,對我來說比較難加入到express里,所以就用express-generator這個生成器來生成一個express項目后

(上面這張是盜圖。。。我一開始的時候忘記截圖了)
手動添加一些文件夾來把vue和mysql加入到項目中去

(這是我把vue和mysql“合並”進去的項目目錄,相對於上面那張圖多了或少了的文件夾就是我手動添加刪除了的)

最后,本來我是想把我參考了的文章的鏈接放上去的,但是這樣好像會把大家變成伸手黨,不是很好,所以大家還是自己百度或谷歌一下吧(。。不要打我),非常感謝之前的經驗者們分享了他們的技術文章,幫我了非常非常大的忙,我也要努力向他們看齊才行。

之后會繼續把我開發過程遇到的問題放上來的,至於時間問題。。。。god konws


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM