node.js + webstorm 開發個人博客:配置開發環境(一)


一、配置開發環境:

1、先安裝node

(1)、訪問http://nodejs.org打開安裝包,正常安裝,點擊next即可。

  為了測試是否安裝成功,打開命令提示符,輸入node,則進入node.js交互模式,如圖:

  

  通過這種方式安裝node.js還自動附帶了npm

(2)、安裝node.js包管理器(Express

  新開一個命令行窗口

  在命令行輸入 npm install -g express

 

 

  

 

 

Express 目錄結構 t-1

目錄/文件 說明
./  根目錄,我們的node.js代碼都會方這個目錄
 package.json   npm依賴配置文件, 類似ruby中的Gemfile, java Maven中的pom.xml文件. 一會需要在這里添加 markdown-js 項目依賴
 app.js  項目的入口文件

 public/

javascript/

stylesheets/

images/

 存放靜態資源文件, jquery/prettify.js等靜態庫會方這里,當然自己編寫的前端代碼也可以放這里
 views/   模板文件, express默認采用jade, 當然,你也可以使用自己喜歡的haml,JES, coffeeKup, jQueryTemplate等模板引擎
 node_modules/  存放npm安裝到本地依賴包,依賴包在package.json文件中聲明,使用npm install指令安裝

 

 

 

 

 

 

 

 

2、安裝mongodb:

(1)、訪問http:www.mongodb.org,下載安裝包;

(2)、在D盤新建MongoDB文件夾(此文件夾為自定義的數據庫安裝目錄D:\MongoDB)把剛才下載的壓縮包解壓並把bin文件夾拷貝到MongoDB文件夾

(3)、在MongoDB文件夾內新建logs文件夾(用於存儲日志文件D:\MongoDB\logs),並在此文件夾內新建空文件mongodb.log

(4)、在MongoDB文件夾內新建data文件夾(用於存放數據庫文件D:\MongoDB\data);

(5)、啟動MongoDB

以系統管理員身份運行cmd,切換至D:\MongoDB\bin目錄輸入mongod.exe --dbpath=d:\mongodb\data。如看到控制台最后一行類似Tue Oct 09 11:50:55 [websvr] admin web console watiing for connections on port 28017說明啟動成功(MongoDB占用系統28017端口) 。

 

 6測試MongoDB
以管理員身份新建一個cmd窗口,進入MongoDBbin目錄輸入mongo,如出現connecting to:test說明測試通過。

 

當建立node工程的時候,會發現出現如下錯誤:

 

 

 

應該接着測試:

 

(1)、輸入mongo ,如:

 

出現:

 

 

 

一般這種情況就是:自己指定的數據庫,所以不能。自動加載服務。第二次就不能連接了

 

每次啟動前,自己手動,指定下自己,指定的,數據庫

 

輸入:mongod --dbpath d:/mongodb/data(d:/mongodb/data為自己定義的數據庫路徑)

 

 

 

然后shell會顯示連接成功:

 

 

 

(2)、新開一個shell,在shell中找到mongo當前安裝路徑,輸入mongo,測試數據庫是否連接:

 

 

 

(3)、注冊MongoDB為系統服務,即每次開啟計算機即啟動mongodb輸入如下命令:( 如果需要卸載該服務,使用sc delete MongoDB即可

 

注意:這里要用管理員身份(C:\Windows\System32)進去才能設置(下面代碼不要換行)

 

C:\Windows\system32>mongod --logpath D:/mongodb/logs/mongodb.log --logappend --dbpath D:/mongodb/data --directoryperdb --serviceName MongoDB --install

 

 

 

4)、用管理員身份啟動mongodb服務:輸入:net start MongoDB

 

 

 

然后在項目中運行mongodb,就不會出現連接錯誤了。。。。。。

 

安裝以上步驟,從:

 

 

 

到:

 

在計算機進程中能看到:

 

 

 

(5)、當我們關閉所有的shell,再次運行工程時,發現再次連不上mongodb ,還得用管理員身份重新啟動mongodb 服務,進入管理員權限(shell郵件,以管理員身份登錄),然后輸入:net stop mongodb,然后到D:\mongodb\data路徑下刪除mongod.lock文件,再次開啟shell,以管理員身份登錄,輸入:net start mongodb,就不用每次手動啟動mongodb服務了。

 

 3、安裝webstrom

訪問http://www.jetbrains.com/webstorm/download/

下載webstorm安裝包

點擊正常安裝, 再到網上搜索注冊碼即可。

假若你不喜歡webstorm的主題,可以選中File→Settings→Appearance→Theme,選擇你喜歡的主題

假若你不喜歡webstorm的字體,可以選中File→Settings→Editor→Colors & Fonts,選擇你喜歡主題名字:

再點開Colors & Fonts,選中font,點擊Save as 按鈕,在彈出框輸入你保存字體的文件名:點擊OK

設置字號,並從左邊的框中的字體,通過小三角形移到右邊,並上移到頂部,作為你的默認字體:

點擊apply按鈕,再點擊OK

4、配置node.js+webstorm 環境

打開webstorm,選中JS按鈕,

會彈出一個彈框:

在這里,假若你的core modules 還沒安裝,點擊右邊藍色的鏈接安裝。

接下來,就可以創建node.js項目,

點擊File,選擇New Project,在彈框中填寫好項目基本信息:

注意,這里location的路徑選擇,需要點擊右邊按鈕瀏覽設定,自己輸入的不算,選擇好項目路徑,在填寫項目名稱

點擊OK,靜等項目創建即可。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM