nodejs開發環境配置

來源:互聯網
上載者:User

標籤:http   ar   使用   sp   strong   檔案   on   2014   問題   

此文章已經發表於本人部落格。

  經過幾個星期的nodejs學習,從開始的小白到現在漸漸得熟悉,走過來也才算明白,現在已經入門也掌握了相關的學習方法,今天開始記錄下自己學習的過程,以便日後查看。

    先 說下nodejs這個哦,有人以為它是一種語言,其實不是,它是一個平台,一個建立在google的V8引擎上的js運行平台,就是解析js,並提供自己 的一些API給使用者調用。從目前的情況來看,這個發展情況還算好,明天都有好多的前端後台工程師在加入,連一些大神也在關注甚至寫部落格,昨晚我還看見一篇 文章寫道一個外國的網站寫了將近90搞nodejs的web外掛程式,這個真牛啊!那學習中國東東對於我們來說最直接的能帶來什麼利益呢:前端人員由於熟悉 js那麼可以基本簡單學習下linux就可以上手了,那後台工程師呢稍微麻煩點,因為一些後台工程師不是怎麼熟悉js使用起來可能很多障礙,在這裡建議學 習下基礎的js,講了這個之後大家關心的我想應該就是薪水的問題了,到目前,基本在1年以上的nodejs工程師在廣州已經有開價在7K以上了,這個也是 以前的一位同事說他公司招聘的情況我才知道原來這個東東直逼hadoop啊!廢話先說到這裡了,下面來說下本次的話題:環境配置(由於本人是在 windows 8.1下開發的,所以在這裡只講windows下的)。

  1. 安裝nodejs

    先去nodejs官網http://www.nodejs.org/download/下載對應的版本,我的是64位的。下載好後直接安裝,由於現在的版本已經到v0.10.33了,所以node跟npm已經一起安裝了,連環境變數也設定了,安裝好後可以在對應的檔案夾看到如下

安裝完後,可以在當前安裝的檔案夾下使用Shift + 右鍵開啟cmd,輸入如下即可查看安裝的版本,本人的是0.10.32.

   node -v

 

二、 通用檔案夾設定

     至於node_cache跟node_global對於初學者這個應該不用設定,因為他會設定為目前使用者目錄下的,但是有時自己為了方便也會設定下,這裡提供下設定的命令看如下:

    npm config ls    //列出prefix配置 
    npm config set cache ‘D:\Program Files\nodejs\node_cache‘    //設定全域快取檔案夾
    npm config set cache ‘node_global‘                           //設定全域模組檔案夾

三、 安裝模組

    現在我們安裝node跟npm了,npm顧名思義就是node的包管理器,通過命令來管理,現在來嘗試下:

    我們來安裝一個web架構express,參數-g代表安裝在通用檔案夾下,如果不在則代表當前檔案夾

    npm install express -g    //express還可以帶上@版本號碼

    我們現在在剛才設定的檔案夾下查看下,是否多了一些檔案啊,這裡我們使用命令查看剛才安裝express的版本號碼

    express -V

    如果有輸出版本代表安裝成功了!

    那如果我們想卸載掉這個外掛程式呢,我們可以使用如下命令即可

    npm uninstall express

    這樣卸載掉後我們安裝回express,不過後面帶上版本號碼3.2.2(因為本人最熟悉的版本就是這個了),這樣會嗎?

三、 使用express安裝

    現在我們使用命令來建立一個web網站,如下:

    express Test

    

    這樣會輸出一些提示,可以直接跳進去Test檔案夾使用命令運行這個網站:

    node app.js

    看到提示沒,連接埠3000說明啟動成功了,但是我們瀏覽器瀏覽報錯,提示什麼

500 Error: Cannot find module ‘jade‘

那竟然有提示報錯了,那我們現在就來安裝這個模組,在這裡說明下,這個檔案夾下有個package.json檔案,這個檔案裡描述了一些網站的資訊,我們可以使用nodepad 開啟看看:

    

    這樣說明了需要2個庫,一個是express,令一個是jade,那麼我們現在來安裝它,如果很多模組安裝豈不是要執行很多次命令,這裡有一個命令比較簡便,它會檢查當前的package.json的依賴庫進行安裝:

    npm install

    安裝了這個模組我們還需要要修改一下views下的layout.jade檔案的第一行的doctype 5改成doctype html.這樣再重新執行node app.js我們這個網站就可以正常運行了。

四、 安裝supervisor外掛程式

     剛才我們可能都發現了,如果出了問題,nodejs自動停止了服務,這樣很不利於調試啊,那我們有一個外掛程式可以解決。這個外掛程式是管理nodejs的進程,包括調試那些都非常好用。使用如下命令安裝全域的模組:

    npm install supervisor -g

    這樣我們就不用node命令來啟動服務,直接使用supervisor app.js來就可以了。

五、 使用webStorm IDE

    剛 才我們編輯js檔案是使用nodepad來的,但這個不是很好,有好的編輯器嗎,答案是有的,一個大名頂頂的webStorm,網上很多那個版本的下載, 大家懂得了,這裡也提供一份網友給的連結http://yunpan.cn/cAcf6hVxnIbCt  提取碼 246f,下載完直接安裝,安裝完覆蓋一個exe檔案就可以了,屌絲這樣簡單吧!

    第一次運行是會開啟一個檔案夾,其實就是項目的檔案夾。

    

    下面來說下調試的問題,包括我也搞了好久網上也找了好久,最後在波哥說下才搞定,這個其實很難簡單的,直接看圖了:

    

 

    如何在程式裡打斷點就可以進行調試了,很方便。

 

這次記錄就先到這裡,也有點晚了,該休息了有什麼問題的可以直接回複下!!

 

nodejs開發環境配置

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.