這一步,開始搭建前端開發(fā)環(huán)境斑响,基于webpack的前端開發(fā)環(huán)境,采用react框架舰罚,由于沒打算做很復(fù)雜,這里就不用redux了膜毁,如果之后需要再加愤钾。
以下是具體步驟:
安裝nodejs,通過nodejs內(nèi)置的npm進(jìn)行包管理
打開Terminal杂瘸,輸入npm -v查版本伙菊,測(cè)試是否安裝成功
輸入npm install cnpm -g,安裝淘寶鏡像镜硕,來替代npm,因?yàn)閚pm服務(wù)器在國(guó)外速度會(huì)很慢
輸入cpm install webpack -g 安裝全局webpack
-
手動(dòng)生成目錄
- shop - src // react組件 - index.js // 入口文件 - Home - Main - webpack // webpack配置文件 - build.config.js // 開發(fā)時(shí)打包的配置 - config.js // 公共配置 - dev.config.js // 發(fā)布時(shí)打包的配置 - index.html - package.json // cnpm通過這個(gè)文件來安裝更新包
?
未完血淌。悠夯。。