nodejs環境配置express-generator安裝

   1.  nodejs是爲服務端的javascript提供運行環境,相當於運行java的jvm。

       node.js下載:https://nodejs.org/en/download/    windows 安裝版:x64 .msi    下載後 ,進行默認安裝,默認安裝目錄爲:     C:\Program Files\nodejs
查看是否安裝成功,可以cmd,查看nodejs版本和nodejs自帶的npm 版本,如下圖:

    

同時可以查看nodejs和npm的全局環境變量(全局路徑):


 2. express 是nodejs的一個web框架,使用express,能夠更便捷的使用nodejs. express-generator是express應用生成器,相當於express 的骨架,進入一個web項目中後,使用express projectname命令,能快速構建projectname這個應用的目錄結構。

使用命令:npm install -g express-generator  

       npm install -g express (該命令後 在C:\Users\ty\AppData\Roaming\npm目錄下生成node_modules目錄)

      兩條命令後,在node_modules目錄下生成:express,express-generator

3. 進入你的web項目中:cd C:\Users\ty\Documents\HBuilderProject\HelloHbuilder 執行命令:express nodeDemo ,則會在HelloHbuilder下生成一個nodeDemo應用目錄,且目錄結構爲:

   nodeDemo

  

bin: 用於應用啓動

/public: 靜態資源目錄

/routes:可以認爲是controller(控制器)目錄

/views: jade模板目錄,可以認爲是view(視圖)目錄

app.js 程序main文件


接着,進入該目錄:cd C:\Users\ty\Documents\HBuilderProject\HelloHbuilder\nodeDemo   執行命令:npm install express 在該目錄下生成一個node_modules目錄,此刻在終端(C:\Users\ty\Documents\HBuilderProject\HelloHbuilder\nodeDemo),執行命令:node app 會報錯:


這個時候根據提示,安裝必備的modules就可以了(在該目錄下C:\Users\ty\Documents\HBuilderProject\HelloHbuilder\nodeDemo,如:npm install serve-favicon

安裝該module後,一直重複node app命令,直到沒有提示需要安裝的module爲止後,再執行:npm start命令來啓動應用,如果還是提示類似Error: Cannot find module 'jade'錯誤的話,則繼續安裝必備的jade模塊


如果在沒有安裝jade module時,打開瀏覽器http://127.0.0.1:3000/  就會出現上述錯誤信息,執行 npm install jade後 刷新瀏覽器的界面如下:


表明我們利用express搭建的web應用成功了











發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章