關於前端自動化的一些時間記錄

angular的silkydream項目

安裝angular的generator

npm install -g generator-angular

組建項目

yo angular silkydream

 

使用git將項目推送至github

 

git add -A

git commit -m "finsh"

git push origin master

 

在其餘設備拉取項目須要運行

npm install

bower install

 nodejs(yeoman,bower,grunt)介紹

nodejs是必須的環境

yeoman相似腳手架，在項目立項階段，生成代碼項目文件，代碼結構。自動將最佳實踐和工具整合進來，方便後續開發。yeoman相似橡皮泥，生成器generation相似模具。

bower包管理器，管理框架，庫，公共部分等。

grunt 自動化，減小壓縮，編譯，單元測試，代碼校驗。

 

npm install -g yo bower grunt-cli

grunt文件操做

三種文件映射方式

只讀任務使用

task_name: {
src:"",
dest: ""
}
src的value能夠使用數組指定多個
task_name: {
src: []
}
數組形式
task_name: {
files: [
{
src: "",
dest: ""
}
]
}
對象類型的key:value
task_name: {
files: {
"src":" dest"
}
}

創建結構啓動serve

yeoman創建基本結構，grunt serve啓動本地服務，未找到插件須要npm install 插件 --save-dev

 

安裝sass環境，ruby安裝記得添加入環境變量，git安裝記得添加bash跟環境變量

每次項目新建都要gem install sass 關聯compass運行的時候可能須要FQ

啓動serve的過程當中也會遇到一些須要FQ的狀況