日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

关于nodejs开发环境的配置与使用(前端基础开发环境安装与配置)

發布時間:2023/12/15 综合教程 29 生活家
生活随笔 收集整理的這篇文章主要介紹了 关于nodejs开发环境的配置与使用(前端基础开发环境安装与配置) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

這篇文章主要介紹了關于nodejs開發環境的配置與使用,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

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

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

安裝nodejs

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

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

node-v

登錄后復制

二、 全局文件夾設置

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

npmconfigls//列出prefix配置
npmconfigsetcache'D:\ProgramFiles\nodejs\node_cache'//設置全局緩存文件夾
npmconfigsetcache'node_global'//設置全局模塊文件夾

登錄后復制

三、 安裝模塊

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

我們來安裝一個web框架express,參數-g代表安裝在全局文件夾下,如果不在則代表當前文件夾

npminstallexpress-g//express還可以帶上@版本號

登錄后復制

我們現在在剛才設置的文件夾下查看下,是否多了一些文件啊,這里我們使用命令查看剛才安裝express的版本號

express-V

登錄后復制

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

那如果我們想卸載掉這個插件呢,我們可以使用如下命令即可

npmuninstallexpress

登錄后復制

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

四、 使用express安裝

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

expressTest

登錄后復制

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

nodeapp.js

登錄后復制

看到提示沒,端口3000說明啟動成功了,但是我們瀏覽器瀏覽報錯,提示什么

500 Error: Cannot find module 'jade'

那竟然有提示報錯了,那我們現在就來安裝這個模塊,在這里說明下,這個文件夾下有個package.json文件,這個文件里描述了一些站點的信息,我們可以使用nodepad 打開看看:

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

npminstall

登錄后復制

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

五、 安裝supervisor插件

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

npminstallsupervisor-g

登錄后復制

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

六、 使用webStorm IDE

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

第一次運行是會打開一個文件夾,其實就是項目的文件夾。

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

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

以上就是個人對于nodejs開發環境配置與使用的經驗的全部記錄了,后續再繼續分享一些nodejs的詳細應用。

以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!

相關推薦:

關于NodeJS、NPM安裝配置步驟(windows版本) 以及環境變量的介紹

如何快速使用node.js進行web開發

以上就是關于nodejs開發環境的配置與使用的詳細內容,更多請關注風君子博客其它相關文章!

總結

以上是生活随笔為你收集整理的关于nodejs开发环境的配置与使用(前端基础开发环境安装与配置)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。