yeoman+webpack+react
yeoman
腳手架工具,項目開始階段募强,使用yeoman來生成項目的文件和代碼結構顺又,yeoman自動將最佳實踐和工具整合進來,大大加速和方便了我們后續(xù)的開發(fā)
安裝
npm install yo -g
安裝項目生成器
yeoman根據(jù)不同的項目生成器伊群, 生成不同需求的代碼,可以在yeoman的首頁 選擇Discovering generators 搜索相應的生成器策精,然后安裝
我們選擇webpack-react
生成器
npm install generator-webpack-react -g
查看已安裝的生成器
npm ls -g --depth 1 2>/dev/null | grep generator-
npm ls -g
查看全局npm安裝的包
--depth 1
因為npm的包會依賴其他npm包舰始,所以它是樹狀輸出,一層一層比較難查看蛮寂,所以這里限制樹狀結構展示最多為一層
2>/dev/null
>
在我們bash中表示重定向, 單獨的1
表示標準輸出蔽午,單獨的2
表示錯誤輸出,/dev/null
表示空設備
這里的是意思是將錯誤輸出重定向到空設備酬蹋,也就是過濾掉錯誤信息
|
是管道符及老, 將上一個命令的輸出作為下一個命令的輸入
使用:
mkdir gallery-by-react
cd gallery-by-react
yo react-webpack gallery-by-react
生成的一些文件的意思:
.editorconfig editorconfig配置文件 用來統(tǒng)一不同的編輯器的編碼風格抽莱,前提是你的編輯器安裝了支持 editorconfig的插件
.jshintrc .eslintrc 一般看到hint lint這種就是代碼檢測工具
一般情況下我們用 jshintrc就夠了, 但是jshintrc不支持jsx語法骄恶, eslintrc是支持的