nodejs安裝,配置環境,使用express創建一個新項目

一、下載nodejs安裝包node

去nodejs官網下載最新版本就行,網址:http://nodejs.cn/download/,點擊本身適用的系統,自動下載跟電腦操做系統位數符合的安裝包,express

下載下來安裝包以後一路next就行,nodejs安裝路徑不必定要使用默認的,我不想裝在C盤,因此我選擇了D:\Program Files\nodejs這個路徑npm

二、配置環境瀏覽器

這個地方坑了我一成天,我以前反覆安裝過nodejs,以及改動過一些配置,致使我cnpm一直安裝以後不能使用,提示:cnpm不是內部命令,自從去年接觸過nodejs以後cnpm就能用過,此次恰好工做須要就好好搞一下,緩存

安裝好以後電腦系統變量path中自動存進去了nodejs安裝的路徑了,有些人安裝nodejs,npm下載文件的地址默認是在C:\Users\lingling\AppData\Roaming\npm下面,截圖以下(個人截圖是裝過幾個插件後的樣子):app

我以前經過npm config set prefix,修改過這句話,因此個人路徑有點混亂,如今呢,我想把路徑再改回到這個默認路徑下:工具

一、首先去個人電腦--》屬性--》高級系統設置--》環境變量:把用戶變量的path新增一個npm放全局安裝插件的路徑,即:C:\Users\lingling\AppData\Roaming\npmspa

二、把系統變量中path中也添加進一樣一條數據,就是上面這個路徑,不作演示了操作系統

三、這裏設置完了,我全局下載的插件仍是不存入C:\Users\lingling\AppData\Roaming\npm這個路徑中,因此我使用npm config ls查看npm配置的路徑究竟是啥插件

 

箭頭標的這兩處是改好以後的路徑,以前不是這個,因此纔會出現cnpm安裝成功了,可是cnpm還不是內部命令,這個地方設置的就是npm全局安裝的路徑和緩存的地址,如今經過:

npm config set prefix "C:\Users\lingling\AppData\Roaming\npm"

npm config set cache "D:\node\node_cache"

從新設置路徑,若是這兩話設置完了仍是無論用,就去打開 ’nodejs安裝目錄/node_modules/npm/.npmrc‘  ,修改此文件爲:prefix = C:\Users\lingling\AppData\Roaming\npm

三、全局安裝和本地安裝,

咱們都知道npm install * -g就是全局安裝,npm install *,不帶-g就是本地安裝,

那麼如今npm install cnpm -g

而後在cmd中輸入cnpm -v就能看到成功了,

C:\Users\lingling\AppData\Roaming\npm這個路徑下多了下面兩個文件:

 

 

 C:\Users\lingling\AppData\Roaming\npm\node_modules這個路徑下多了這個文件夾:

四、安裝express插件

npm install express -g,安裝的express版本是4.0的,如今直接輸入express myapp,也會提示express不是內部命令,緣由是:

最新express4.0版本中將命令工具分家出來了,因此咱們還須要安裝一個命令工具,命令以下:

npm install -g express-generator

 

而後:

express myapp,而後就會發現cmd當前目錄下面多了一個文件夾myapp

 

而後輸入npm start,

以後在瀏覽器中輸入:http://localhost:3000/

成功了!

相關文章
相關標籤/搜索