前端主要是nodejs和webpack的環(huán)境搭建, 但是搭建并不是傻瓜式的, 有些細(xì)節(jié)要注意, 本文主要針對 windows平臺的環(huán)境 , 其他平臺都是類似的。
1. nodejs的安裝及環(huán)境配置
去官網(wǎng)下載最新版nodejs: https://nodejs.org/zh-cn/
安裝完成后洲鸠，在nodejs目錄里新建兩個(gè)文件夾绽快，以指定以后npm安裝模塊放到此目錄熙宇，否則nodejs會自動(dòng)放在用戶目錄里
mkdir node_cache
mkdir node_global
執(zhí)行命令(目錄自行替換):
npm config set prefix "D:\apps\nodejs\node_global"
npm config set cache "D:\apps\nodejs\node_cache"
這樣就把nodejs安裝完成了。
2.加速npm下載
方式①: 推薦的方式, cnpm可能出問題, 如果不需要cnpm可指定npm源
npm set registry https://registry.npm.taobao.org/
方式②: 使用淘寶鏡像cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
要想在cmd里使用cnpm，必須添加path環(huán)境變量(路徑自行替換)：
D:\apps\nodejs\node_global
cnpm -v //輸出版本即表示安裝成功
3.webpack安裝及環(huán)境配置
webpack在前端開發(fā)必備腥寇，可以直接使用npm或者cnpm安裝
npm install -g webpack
npm install -g webpack-cli//cli在高版本是分開的, 需要單獨(dú)安裝, 這里全局安裝webpack-cli
安裝完成后使用命令測試:
webpack -v
4.提升windows腳本運(yùn)行權(quán)限，否則在vscode里指令無法運(yùn)行
用管理員權(quán)限打開powerShell觅捆，執(zhí)行命令：
set-ExecutionPolicy RemoteSigned
如圖所示：
image.png
