摘要:如果用的是會(huì)自動(dòng)幫你生成好地址,這里只能手動(dòng)加了。這樣就可以開發(fā)應(yīng)用了。可以幫你創(chuàng)建,,無需手動(dòng)創(chuàng)建,等文件了。此文章僅供參考,如有不對(duì)的地方求指正,新手請(qǐng)輕拍。
yeoman 搭建angular應(yīng)用
安裝:
node 5.0版本 yeoman bower gulp
npm install -g bower yo generator-angular //等待安裝……
yo angular //進(jìn)入你所創(chuàng)建的文件目錄中執(zhí)行命令
安裝gulp 和 bootstrap
如需使用Sass 安裝Ruby 可查看generator-angular
和所需要的angular模塊,用空格選中,回車等待安裝……
安裝完成后執(zhí)行gulp serve
將會(huì)打開localhost:9000網(wǎng)址;
你會(huì)發(fā)現(xiàn)頁面中沒有任何樣式的,F12打開會(huì)報(bào)一大堆的錯(cuò)誤,這里打開app/index.html文件夾中沒有任何第三方j(luò)s文件。
這里你需要打開.bowerrc文件,改成 "directory": "app/bower_components"
在執(zhí)行bower install這樣app目錄下就有bower安裝的第三方庫了。
這樣還不夠,之前打開index文件你會(huì)發(fā)現(xiàn)yo并沒有幫你自動(dòng)生成好第三方庫的地址。(如果用的是grunt會(huì)自動(dòng)幫你生成好地址),這里只能手動(dòng)加了。
這樣在運(yùn)行gulp serve就可以了。
yo已經(jīng)幫你吧gulp都配置好了。這樣就可以開發(fā)angular應(yīng)用了。
generator-angular可以幫你創(chuàng)建view,service,controller……無需手動(dòng)創(chuàng)建js,html等文件了。
此文章僅供參考,如有不對(duì)的地方求指正,新手請(qǐng)輕拍。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/86395.html
摘要:一般前端項(xiàng)目安裝依賴使用。包括,,以及程序主入口文件。然后頁面顯示正常。這樣就實(shí)現(xiàn)了使用構(gòu)建一個(gè)項(xiàng)目,并簡(jiǎn)單開發(fā)了一下,創(chuàng)建一個(gè)新的頁面并實(shí)現(xiàn)了路由跳轉(zhuǎn)。 一. 安裝 第一步:安裝npm所需模塊 首先需要安裝Node.js,然后使用npm安裝所需要的模塊 npm install -g grunt-cli bower yo generator-karma generator-angula...
摘要:包括腳手架依賴管理準(zhǔn)備測(cè)試包括單元測(cè)試和端到端測(cè)試。我們用來開發(fā)的工具有。是一個(gè)工具集,包含個(gè)核心組件,,和腳手架工具。當(dāng)你正在做自己的一個(gè)項(xiàng)目時(shí),使用哪些模塊將取決于你自己。這個(gè)目錄當(dāng)然是測(cè)試文件。 介紹 有很多可用的工具可以幫助你開發(fā)AngularJS 應(yīng)用,那些非常復(fù)雜的框架不在我的討論范圍之中,這也是我開始這系列教程的原因。 在第一部分,我們掌握了AngularJS框架的基本...
摘要:通過官方的生成器,他們建立了一個(gè)的工作流,這個(gè)流是由一個(gè)強(qiáng)大的固定的客戶端組建,包含工具和框架幫助開發(fā)者快速建立牛逼的應(yīng)用。 原文還是在簡(jiǎn)書上: Yeoman-- 一個(gè)強(qiáng)大的前端構(gòu)建工具,我只是自己的搬運(yùn)工!! 上期跟大家試了試Vue-cli這個(gè)構(gòu)建工具,這個(gè)讓我想起了很多其他的前端工具,其中一個(gè)就是Yeoman(上次就劇透了的),所以這期跟大家先簡(jiǎn)單介紹下這個(gè)腳手架工具,然后慢慢一步...
摘要:通過官方的生成器,他們建立了一個(gè)的工作流,這個(gè)流是由一個(gè)強(qiáng)大的固定的客戶端組建,包含工具和框架幫助開發(fā)者快速建立牛逼的應(yīng)用。 原文還是在簡(jiǎn)書上: Yeoman-- 一個(gè)強(qiáng)大的前端構(gòu)建工具,我只是自己的搬運(yùn)工!! 上期跟大家試了試Vue-cli這個(gè)構(gòu)建工具,這個(gè)讓我想起了很多其他的前端工具,其中一個(gè)就是Yeoman(上次就劇透了的),所以這期跟大家先簡(jiǎn)單介紹下這個(gè)腳手架工具,然后慢慢一步...
閱讀 2836·2021-11-19 11:35
閱讀 2588·2021-11-02 14:40
閱讀 1409·2021-09-04 16:48
閱讀 3015·2019-08-30 15:55
閱讀 1769·2019-08-30 13:11
閱讀 1962·2019-08-29 11:12
閱讀 1097·2019-08-27 10:52
閱讀 3168·2019-08-26 18:36