express mysql vue開發環境搭建

2022-03-11 10:31:49 字數 1057 閱讀 6060

最近開始做乙個實驗室資產管理系統,後台使用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

vue vscode nodejs開發環境搭建

2.安裝完後進入cmd編輯器,輸入node v,如果安裝成功,可以檢視到版本號。3.安裝cnpm 4.安裝vue 使用 映象cnpm來代替npm的安裝,速度會快很多。安裝 映象 cnpm install g vue cli 未安裝 映象 npm install g vue cli 映象安裝成功 輸入...

vue vscode nodejs 開發環境搭建

nodejs安裝配置 1.2.預設安裝 安裝完成後,執行npm v 出現版本號則表示安裝成功。3.配置 npm config set prefix d program files nodejs node global npm config set prefix d program files nod...

Windows Phone開發之 開發環境搭建

系統環境要求 目前windows phone 7開發環境只是支援windows 7和vista,推薦使用windows 7。系統記憶體不低於2g,推薦4g.100g以上系統磁碟空間 如果要開發xna程式的話,顯示卡支援 directx 10 或者更高版本,同時帶wddm 1.1 驅動。安裝步驟 sd...