用vuejs+nodejs+mongodb開發專案
阿新 • • 發佈:2018-11-13
用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版本。歷史版本下載傳送門:3.用node構建一個伺服器,我這裡選擇用中介軟體express,下載:http://dl.mongodb.org/dl/win32/x86_64
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