JS服務端系列-nodejs+express+ejs+mongodb+工具webstorm環境搭建

一、訪問官方網站下載nodejs windows版並安裝,http://nodejs.org/#download css

 (nodejs集成npm,個人是安裝在d:nodej下,系統win7 32位)html

運行 – cmd  運行– d:   切換到d盤)  cd nodejs(切換到nodejs目錄); -g 全局安裝設置node

2 node -v    查看node版本 (顯示錶示安裝成功)web

3 npm -v  查看npm版本 (顯示錶示安裝成功)mongodb

4 npm install express  安裝express數據庫

5.npm install express-generator      4.0以上必須安裝模塊 不然express命令不可用 6.npm uninstall express   卸載expressexpress

7 express -V          查看express版本 v大寫 (顯示錶示安裝成功)npm

8.npm install ejs 安裝ejs模板引擎 (node-modules目錄下是否存在)json

9.npm install supervisor   每次修改代碼後會自動重啓windows

10 express ejs appdu       express框架建立項目,默認是jade引擎,ejs命令改爲ejs引擎 appdu是項目名稱  -e也表示ejs命令

11. express項目結構

app.js: 項目入口

 node_modules: 存放項目的依賴庫

package.json: 項目依賴配置及開發者信息

public: 靜態文件如 css,js,img

routes: 路由文件

 Views: 頁面文件(Ejs或者jade的模板,默認是jade,已經設置爲ejs)

12 cd appdu 轉到新建項目目錄

13 npm install 執行安裝,讀取package.json文件,安裝模塊依賴

14 npm start 仍是在項目目錄下,啓動項目,自動搜索bin/www文件

15 瀏覽器輸入http://localhost:3000/ 端口默認是3000,在bin/www文件下,可修改

16.爲了更方便的開發項目,安裝webstorm ,有良好的對nodejs支持破解版 http://www.jb51.net/softs/171905.html 下載 安裝配置webstorm+nodejs環境

打開webstorm  文件-設置-nodejs and npm  右側窗口會自動搜索到已安裝的nodejs路徑,點擊安裝就好,都是自動獲取。

17 mongodb 安裝 官網下載 https://www.mongodb.org/downloads 安裝目錄默認 c: Program Files/MongoDB 2.6 Standard/bin

18 cd Program Files/MongoDB 2.6 Standard/bin     指向到mongodeb目錄

 19 mongod -dbpath "d:/Nodejs/nodetest1"     建立mongodb數據庫並指定路徑,個人在 d:/Nodejs/nodetest1下

 20 再打開一個cmd窗口 命令: cd Program Files/MongoDB 2.6 Standard/bin  下

 21 命令 start mongo 啓動mongodb數據庫,會打開一個mongo.exe窗口

22 use xxx         xxx表明數據庫名稱,數據庫存放在指定的-dbpath下,若是沒有xxx新建

23 show collections   顯示數據庫下的集合(數據表)

24 db.usercollection.insert({ "username" : "testuser1", "email" : "testuser1@testdomain.com" })

向集合 usercollection 插入數據 { "username" : "testuser1", "email" : "testuser1@testdomain.com" }

沒有usercollection集合新建,名稱自定義

 25 db.usercollection.find().pretty()  

查找當前集合中全部的內容, 並回車顯示(db表明當前use的數據庫)

26 敲入: newstuff = [{ "username" : "testuser2", "email" : "testuser2@testdomain.com" },  { "username" : "testuser3", "email" : "testuser3@testdomain.com" }]

建立多條數據,json形式 命令:

 db.usercollection.insert(newstuff);  再將插入另外2條數據

 

到這裏語言nodejs、管理工具npm、web框架express、模板引擎ejs、數據庫mongode、開發軟件webstorm就所有安裝好了!

相關文章
相關標籤/搜索