node.js安裝與配置+angular安裝


原創鏈接:https://blog.csdn.net/weixin_45158228/article/details/104518874

檢查是否已安裝:dos窗口查看版本node -v

一、安裝node.js步驟
1、下載node.Js
下載對應你系統的Node.js版本:https://nodejs.org/en/download/
在這里插入圖片描述
2、下載完成后,雙擊“node-v6.9.2-x64.msi”,開始安裝
在這里插入圖片描述
點擊“next”
在這里插入圖片描述
勾選復選框,點擊next
在這里插入圖片描述
修改好目錄后,點擊next
在這里插入圖片描述
在這里插入圖片描述
完成安裝h偶點擊finish
在這里插入圖片描述
2、環境配置
這里的環境配置主要配置的是npm安裝的全局模塊所在的路徑,以及緩存cache的路徑,之所以要配置,是因為以后在執行類似:npm install express [-g] (后面的可選參數-g,g代表global全局安裝的意思)的安裝語句時,會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中,占C盤空間。
例如:我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中,則在我安裝的文件夾【D:\Develop\nodejs】下創建兩個文件夾【node_global】及【node_cache】如下圖:

在這里插入圖片描述
創建完兩個空文件夾之后,打開cmd命令窗口,輸入

npm config set prefix “D:\Develop\nodejs\node_global”
npm config set cache “D:\Develop\nodejs\node_cache”
在這里插入圖片描述
接下來設置環境變量,關閉cmd窗口,“我的電腦”-右鍵-“屬性”-“高級系統設置”-“高級”-“環境變量”
在這里插入圖片描述
進入環境變量對話框,在【系統變量】下新建【NODE_PATH】,輸入【D:\Develop\nodejs\node_global\node_modules】,將【用戶變量】下的【Path】修改為【D:\Develop\nodejs\node_global】
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
至此Node.js已經安裝配置完成,可以先進行下簡單的測試是否成功了,后面還要進行環境配置
在鍵盤按下【win+R】鍵,輸入cmd,然后回車,打開cmd窗口
在這里插入圖片描述
在這里插入圖片描述
安裝完后的目錄如下圖所示:
在這里插入圖片描述
二、Angular安裝
1、先安裝上面的nodejs
2、安裝cnpm
在cmd命令窗口中直接輸入:
Npm install cnpm --registry=https://registry.npm.taobao.org -g
按下enter鍵,如下所示:
在這里插入圖片描述
在這里插入圖片描述
3、安裝腳手架
在cmd中輸入命令: npm install -g @angular/cli
安裝完成后輸入:ng v 查看:
在這里插入圖片描述
創建項目:ng new 項目名稱

出現的問題與解決方案:
在這里插入圖片描述
此問題只需將自己的cnpm的安裝路徑添加到自己的系統變量的path下即可解決。

 

創建新angular項目:

ng new newApp --skip-install  //創建新項目--skip-install表示node包先不安裝,我們接着使用cnpm install安裝會快多了
cd newApp
cnpm install  //安裝引入cnpm國內鏡像源,用於輔助項目啟動
ng serve --open  //啟動項目

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM