用yeoman生成angular項目,以及yeoman的項目架構

簡單的介紹下yeoman,就是個項目架構的生成器,工具node

對於yeoman的安裝,這裏就很少說了,npm都搞定的git

看下項目生成的操做吧和目錄的介紹吧npm

我在我電腦上生成的是angular generatorsjson

一步步以下:架構

生成完了之後,首先看下package.jsonapp

name:是咱們以前指定的項目名,可是並非指項目所在目錄grunt

devDependencies:開發過程須要依賴的包工具

dependencies:生產環境所須要的依賴包測試

^:是一個比較寬鬆的對版本的限制,只限制主版本號spa

engines:最低要求的node版本號

scripts:能夠直接使用nam運行的腳本命令

test:上面的意思是若是咱們在項目目錄下運行npm test,其實咱們運行的是Karma start test

其實scripts中最經常使用的配置命令時install,意思是當nam install把dependencies裏的東西都安裝好了之後,他去執行的命令。

用rm -rf node_modules刪除項目中的node_modules目錄,運行nam install命令,能夠發現他是根據package.json來下載依賴包的。

說到這,下面就簡單的說下這個項目的目錄結構吧:

package.son:固然是nam install 的配置文件
gruntfile.js:grunt的配置文件
bower.json:bower的配置文件
jshintrc:joshing的配置文件
gitignore:當前項目要忽略那些文件不上傳到git倉庫
gitattributes:git的配置文件
editorconfig:指定當前項目的代碼風格
bowerrrc:bower自己的配置相,默認指定的是bower下載下來文件的位置
test:項目的自動化測試
node_modules:nam install所安裝的東西
app:最重要的,也就是你大部分工做的地方。比較簡單,這裏就再也不作過多介紹了。

相關文章
相關標籤/搜索