1、安裝webstrom
2、 安裝Git
查看是否安裝成功命令:git –version
3、 安裝Node
查看是否安裝成功命令:node –v
4、 修改npm路徑到淘寶鏡像(因為牆的原因,速度特別慢)
命令:$ npm install -g cnpm --registry=https://registry.npm.taobao.org
查看是否安裝成功命令:cnpm –v(安裝了淘寶鏡像之后 npm改cnpm)
5、 安裝grunt
命令:cnpm install -g grunt-cli(安裝了淘寶鏡像之后 npm改cnpm)
查看是否安裝成功命令:grunt -–version
6、 安裝nginx
解壓nginx至合位置。通過ngnix將請求轉發到后端。
7、 安裝ruby
使用sass---預編譯css會用到(未用到可先不裝),有可能還需配置環境變量(這個不用多說吧,找到安裝路徑執行文件目錄加入到環境變量里)
查看是否安裝成功命令:ruby -–v
注:前端不同項目有不同的構建包,由package.json內容決定,這邊沒有統一規定,根據不同項目不同系統安裝,安裝后會根據系統不同生成node_modules文件夾,里面有相關打包構建等程序代碼,node_modules文件夾內容目錄結構很深,很多都超過了window可復制的最長路徑,所以不能復制粘貼。