最近開始做一個實驗室資產(chǎn)管理系統(tǒng)坎拐,后臺使用node.js的Express框架束铭,前端使用vue炭分,數(shù)據(jù)庫使用mysql蒋院。在這里開始簡單記錄一下開發(fā)過程和遇到的問題亏钩。
今天要說的是express+mysql+vue開發(fā)環(huán)境搭建
因為之前做項目的時候都是在別人(合作開發(fā)的大神)搭建好環(huán)境后,我直接學習相關(guān)的前端開發(fā)知識進行開發(fā)的欺旧,所以這次可以說是我第一次接觸到后臺(姑丑。。辞友。應(yīng)該算是后臺吧栅哀。。)的東西称龙。
我首先遇到的問題是項目目錄的構(gòu)建問題(不要笑留拾!我就是這么小白/(ㄒoㄒ)/~~)
問題:
后臺的express有自己的腳手架(剛剛接觸node,沒有自己搭建的信心),前端的vue也有vue-cli這樣的腳手架鲫尊,他們都可以各自生成項目結(jié)構(gòu)痴柔,要怎么把他們合并在一起?疫向?
解決:
一開始咳蔚,我以為是有一個特別的腳手架可以幫我自動建好包含了前端和后臺開發(fā)框架的;又或者是我分別用了express的腳手架和vue-cli生成后臺和前端的項目結(jié)構(gòu)搔驼,然后有一個其它的類似于命令或者程序什么的可以幫我把他們結(jié)合起來谈火。。舌涨。糯耍。。。事實告訴我温技,是我想太多了ORZ啦租。
首先,其實我們只需要用其中的一個來構(gòu)建項目荒揣,然后在那個項目目錄中手動添加一些文件夾(用來構(gòu)建缺少的前端或后臺的部分)篷角,然后安裝和添加一些依賴,就可以了系任。
在我的情況下恳蹲,因為vue-cli的結(jié)構(gòu)太完整了,對我來說比較難加入到express里俩滥,所以就用express-generator這個生成器來生成一個express項目后
(上面這張是盜圖嘉蕾。。霜旧。我一開始的時候忘記截圖了)
手動添加一些文件夾來把vue和mysql加入到項目中去
(這是我把vue和mysql“合并”進去的項目目錄错忱,相對于上面那張圖多了或少了的文件夾就是我手動添加刪除了的)
最后,本來我是想把我參考了的文章的鏈接放上去的挂据,但是這樣好像會把大家變成伸手黨以清,不是很好,所以大家還是自己百度或谷歌一下吧(崎逃。掷倔。不要打我),非常感謝之前的經(jīng)驗者們分享了他們的技術(shù)文章个绍,幫我了非常非常大的忙勒葱,我也要努力向他們看齊才行。
之后會繼續(xù)把我開發(fā)過程遇到的問題放上來的巴柿,至于時間問題凛虽。。广恢。凯旋。god konws
相關(guān)文章:http://www.tuicool.com/articles/6r6Nje2
轉(zhuǎn)載至http://www.cnblogs.com/limengyi/p/6244940.html,如有侵權(quán)請聯(lián)系我