1. 程式人生 > >用vuejs+nodejs+mongodb開發專案

用vuejs+nodejs+mongodb開發專案

用vuejs+nodejs+mongodb開發專案

一.後臺部分

1.第一步,先安裝node。傳送門: http://www.runoob.com/nodejs/nodejs-install-setup.html 2.第二部,安裝mongodb資料庫。傳送門: http://www.runoob.com/mongodb/mongodb-window-install.html
注意: 在 MongoDB 2.2 版本後已經不再支援 Windows XP 系統。最新版本也已經沒有了 32 位系統的安裝檔案,win7裝新版本可能有問題,這裡建議裝3.0版本。歷史版本下載傳送門:
http://dl.mongodb.org/dl/win32/x86_64
3.用node構建一個伺服器,我這裡選擇用中介軟體express,下載:
cnpm install express -g  我這裡用了npm的淘寶映象所以是cnpm,-g全域性安裝; 可以使用express-generator 初始化專案: npm  install express-generator -g   下載完成之後,即可在命令列輸入如下命令初始化專案:
express projectName
該命令會自動生成如下目錄: projectName    //專案目錄 projectName/package.json    //配置檔案 projectName/app.js    //入口檔案
projectName/public
//靜態資原始檔
projectName/public/javascripts
projectName/public/images
projectName/routes //路由檔案
projectName/routes/index.js
projectName/routes/users.js
projectName/public/stylesheets
projectName/public/stylesheets/style.css
projectName/views      //檢視目錄
projectName/views/index.jade
projectName/views/layout.jade
projectName/views/error.jade
projectName/bin
projectName/bin/www //主入口

下載依賴: cd projectName cnpm install 執行: npm start

二.vue前端部分