新手前端編程nodejs,javascript前端入門

本文目錄一覽：

• 1、新手前端，有沒有必要專門去學習下 nodejs
• 2、前端另一個運行環境NodeJS
• 3、一個老派的前端怎麼開始學習使用nodejs的前端開發?

新手前端，有沒有必要專門去學習下 nodejs

node.js實際上來說是後台語言，應用廣泛，當然跟php java這樣成熟的語言相比還是差一點，但是前景很好，而且因為是用的js的語法來寫後台，對於前端來說很容易上手，假如是剛開始學習前端的話node.js不需要學習，先把前端的js H5 css3學好才是正事，不過如果有空node.js了解一下也很好，當覺得自己前端這塊學的差不多了，對於js的語法規則，閉包，作用域這些都理解透徹了之後再去學習node.js會進步很快。

前端另一個運行環境NodeJS

說前端，就不得不說JavaScript，JavaScript可以直接在瀏覽器中運行，它的另一個運行環境就是NodeJs。

瀏覽器中寫JavaScript是超級簡單的，打開瀏覽器，然後按F12或者鼠標右鍵，選擇檢查（檢查元素），再選擇控制台，輸入Console.log(『Hello world!』)，打印出經典的Hello World!。

讓javaScript這門語言能成為前端的老大，是應為NodeJs，有了NodeJs，javaScript也可以做為服務端部署，是不是感覺前端也能往全棧發展，開發出屬於自己的應用，不要太開心了哦。

現在開始安裝NodeJs啦，推薦菜鳥教程： 以及NodeJs 官網：

在這裡注意說一下注意事項：

1.  確定安裝好node(npm隨node安裝程序自動安裝，npm是對Node.js依賴的包進行管理)之後

2.  配置npm安裝全局模塊時的路徑和緩存cache的路徑

Npm執行全局安裝的命令：npm install webpack -g等，默認會將模塊安裝在C:\Users\用戶名\AppData\Roaming路徑下的npm和npm_cache，這樣就會導致不方便管理此處的模塊並且佔用C盤空間，這裡建議進行自定義的全局模塊安裝目錄的配置，在node.js安裝目錄下新建兩個文件夾node_global和node_cache：

在cmd中執行下面兩個命令即可：

npm config setprefix “D:\Program Files\nodejs\node_global”

npm config setcache “D:\Program Files\nodejs\node_cache”

執行之後，配置環境變量，如下：

「環境變量」- 「系統變量」：新建一個變量名為「NODE_PATH」，值為：node安裝目錄\node_global\node_modules

「環境變量」 – 「用戶變量」：編輯用戶變量里的Path，講相應npm的路徑（「C:\Users\用戶名\AppData\Roaming\npm」）改為：node安裝目錄\node_global

測試：

安裝成功，自定義文件夾如下所示：

在cmd命令下執行webpack -v 查看webpack版本，出現這個問題：『webpack』不是內部或外部命令，也不是可運行的程序或批處理文件：

確認安裝好了NodeJS，也安裝了webpack

檢查配置的路徑：環境變量下的用戶變量的path：

環境變量下的系統變量的NODE_PATH:

環境變量下的系統變量的Path，發現時少增加了D:\software\node\node_global，增加上之後:

因為安裝的webpack是高版本，還需要全局安裝webpack-cli，命令：npm install webpack-cli -g，安裝好後就可以了:

堅信問題是促使我們前進，問題也是讓我們產生了價值的意義所在，歡迎評論留言點贊。

一個老派的前端怎麼開始學習使用nodejs的前端開發?

Node.js 就是運行在服務端的 JavaScript，如果你熟悉Javascript，那麼你將會很容易的學會Node.js。建議先參照網上的教程搭建環境，然後編寫一些簡單的例子，熟悉基本語法。後面可以嘗試做一些小項目練手。無論多老派，這都是流程。node.js並不難，但再簡單的道路，如果不邁開腿將永遠無法到達。

無論你覺得這條路有多艱難，你走的都是別人已經走過的路。開始學習吧！