HTML5前端技術分享 快速上手yeoman

2021-08-20 01:22:18 字數 1315 閱讀 9790

yeoman是google和其他團隊聯合開發的乙個腳手架工具. 他的主旨是利用bower,gulp或者grunt迅速搭建乙個易用的工作流,再說白點 ,就是為我們的專案搭建框架目錄結構,使用它我們還能很快捷的建立專案中的依賴關係。

yeoman的logo 是乙個帶帽子的鐵皮人 因為yeoman的使用依賴於node以及bower 在這裡我們就不多做介紹了 網上有很多例子 就不一一贅述了 安裝完node後接下來我們學習如何去安裝yeoman

首先利用npm 我們來全域性安裝yeoman 輸入 npm install –g yo

然後我們在來安裝 gulp-cli 以及bower

成功後 就可以進行專案的搭建了,我們跳轉到乙個新的專案目錄裡 這裡我用test代替。讓後在指定目錄中輸入 yeoman 成功後會顯示如下「小鐵人」

選擇完成後,npm會迅速進行建立 如下圖所示

完成後在test專案中就會產生如下目錄:

到這為止那麼恭喜你bootstrap的框架就搭建好了

那麼接下來 我們在搭建乙個angular的專案。在剛剛的基礎上我們在建立乙個目錄叫test2 然後再npm中安裝 generator - angular 庫,輸入 npm install –g generator – angular

安裝成功後 在test2目錄中可以直接輸入yo angular 這樣就可以進行angular的專案搭建了

在這裡需要一提的是安裝其他框架時 yo 會給你一系列選項 這一系列選項就要根據你的專案需求來定了。

當yeoman執行完所有以後 ,就會生成乙個angular的專案裡 到這裡專案的搭建也就完成了。是不是很方便呢。

html5之快速上手canvas

context物件的beginpath方法表示開始繪製路徑,moveto x,y 方法設定線段的起點,lineto x,y 方法設定線段的終點,stroke方法用來給透明的線段著色。moveto和lineto方法可以多次使用。最後,還可以使用closepath方法,自動繪製一條當前點到起點的直線,形...

《論道HTML5》內容技術分享活動

html5小組的第12次活動,本期沙龍圍繞5月出版的 論道html5 重點章節內容展開,由我和另外一位作者 秀野堂主現場分享。東直門南大街3號國華投資大廈11層1105室 thoughtworks北京辦公室 地圖 路線 地鐵2號線東直門站d西南口出 主題 本期沙龍圍繞小組5月出版的第一本本土html...

前端HTML5總結一

下面主要講a鏈結的幾個屬性 1.href 主要是規定鏈結指定的url 普通鏈結 鏈結 號碼 鏈結郵箱 2.target 鏈結的開啟方式 3.name 確定錨的名稱 跳到頁面的second節點 second位置 a標籤的多種狀態 注 如果這四項的書寫順序稍有差錯,鏈結的效果可能就沒有了,所依每次定義鏈...