-
gulp.task gulp.src gulp.dest gulp.watch
查看全部 -
網(wǎng)址：https://www.gulpjs.com.cn/
查看全部 -
npm?install?-g?generator-webapp@v0.6.2? yo?webapp?grunt-yo-webapp? grunt?serve?--force
查看全部 -
npm?install?-g?generator-webapp@v0.6.2
查看全部 -
'use?strict'; module.exports?=?function(grunt)?{ ??require('load-grunt-tasks')(grunt); ??require('time-grunt')(grunt); ??var?config?=?{ ??????app:?'app', ??????dist:?'dist' ??}; ??grunt.initConfig({ ??????config:?config, ??????copy:?{ ??????????dist:?{ ??????????????files:?[ ??????????????????{ ??????????????????????expand:?true, ??????????????????????cwd:?'<%=?config.app?%>/', ??????????????????????src:?'**/*.js', ??????????????????????dest:?'<%=?config.dist?%>/', ??????????????????????ext:?'.js', ??????????????????????extDot:?'last', ??????????????????????flatten:?true, ??????????????????????rename:?function(dest,?src)?{ ??????????????????????????return?dest?+?'js/'?+?src; ??????????????????????} ??????????????????} ??????????????] ??????????} ??????}, ??????clean:?{ ??????????dist:?{ ??????????????src:?['<%=?config.dist?%>/**/*'] ??????????} ??????} ??}) };查看全部 -
'use?strict'; module.exports?=?function(grunt)?{ ??require('load-grunt-tasks')(grunt); ??require('time-grunt')(grunt); ??var?config?=?{ ??????app:?'app', ??????dist:?'dist' ??}; ??grunt.initConfig({ ??????config:?config, ??????copy:?{ ??????????dist:?{ ??????????????files:?[ ??????????????????{ ??????????????????????expand:?true, ??????????????????????cwd:?'<%=?config.app?%>/', ??????????????????????src:?'*.html', ??????????????????????dest:?'<%=?config.dist?%>/', ??????????????????????ext:?'.min.html' ??????????????????} ??????????????] ??????????????//?files:?{ ??????????????//?????'<%=?config.dist?%>/index.html':?'<%=?config.app?%>/index.html', ??????????????//?????'<%=?config.dist?%>/js/index.js':?'<%=?config.app?%>/js/index.js' ??????????????//?} ??????????} ??????}, ??????clean:?{ ??????????dist:?{ ??????????????src:?['<%=?config.dist?%>/**/*'] ??????????} ??????} ??}) };查看全部 -
'use?strict'; module.exports?=?function(grunt)?{ ??require('load-grunt-tasks')(grunt); ??require('time-grunt')(grunt); ??var?config?=?{ ??????app:?'app', ??????dist:?'dist' ??}; ??grunt.initConfig({ ??????config:?config, ??????copy:?{ ??????????dist:?{ ??????????????files:?{ ??????????????????'<%=?config.dist?%>/index.html':?'<%=?config.app?%>/index.html', ??????????????????'<%=?config.dist?%>/js/index.js':?'<%=?config.app?%>/js/index.js' ??????????????} ??????????} ??????}, ??????clean:?{ ??????????dist:?{ ??????????????src:?['<%=?config.dist?%>/**/*'], ??????????????filter:?function(filepath)?{ ??????????????????return?(!grunt.file.isDir(filepath)); ??????????????} ??????????} ??????} ??}) };查看全部 -
'use?strict'; module.exports?=?function(grunt)?{ ??require('load-grunt-tasks')(grunt); ??require('time-grunt')(grunt); ??var?config?=?{ ??????app:?'app', ??????dist:?'dist' ??}; ??grunt.initConfig({ ??????config:?config, ??????copy:?{ ??????????dist:?{ ??????????????files:?{ ??????????????????'<%=?config.dist?%>/index.html':?'<%=?config.app?%>/index.html', ??????????????????'<%=?config.dist?%>/js/index.js':?'<%=?config.app?%>/js/index.js' ??????????????} ??????????} ??????}, ??????clean:?{ ??????????dist:?{ ??????????????src:?['<%=?config.dist?%>/**/*'] ??????????} ??????} ??}) };查看全部 -
'use?strict'; module.exports?=?function(grunt)?{ ??require('load-grunt-tasks')(grunt); ??require('time-grunt')(grunt); ??var?config?=?{ ??????app:?'app', ??????dist:?'dist' ??}; ??grunt.initConfig({ ??????config:?config, ??????copy:?{ ??????????dist:?{ ??????????????files:?[ ??????????????????{ ??????????????????????src:?'<%=?config.app?%>/index.html', ??????????????????????dest:?'<%=?config.dist?%>/index.html' ??????????????????}, ??????????????????{ ??????????????????????src:?'<%=?config.app?%>/js/index.js', ??????????????????????dest:?'<%=?config.dist?%>/js/index.js' ??????????????????} ??????????????] ??????????} ??????}, ??????clean:?{ ??????????dist:?{ ??????????????src:?[ ??????????????????'<%=?config.dist?%>/index.html', ??????????????????'<%=?config.dist?%>/js/index.js' ??????????????] ??????????} ??????} ??}) };查看全部 -
'use?strict'; module.exports?=?function(grunt)?{ ??require('load-grunt-tasks')(grunt); ??require('time-grunt')(grunt); ??var?config?=?{ ??????app:?'app', ??????dist:?'dist' ??}; ??grunt.initConfig({ ??????config:?config, ??????copy:?{ ??????????dist:?{ ??????????????src:?'<%=?config.app?%>/index.html', ??????????????dest:?'<%=?config.dist?%>/index.html' ??????????} ??????}, ??????clean:?{ ??????????dist:?{ ??????????????src:?'<%=?config.dist?%>/index.html' ??????????} ??????} ??}) };查看全部 -
npm?init npm?install?grunt?--save-dev npm?install?load-grunt-tasks?--save-dev npm?install?time-grunt?--save-dev
查看全部 -
bower?install?jquery? bower?install?bootstrap bower?init
查看全部 -
安裝：
npm?install?-g?yo
安裝：
npm?install?-g?bower bower?-v
安裝：
npm?install?-g?grunt-cli grunt
查看全部 -
好查看全部
-
mark查看全部
-
主流方式有幾種查看全部
-
1. yeoman安裝
npm install -g yo
2. bower安裝
npm install -g bower
2. grunt安裝
npm install -g grunt-cli
查看全部 -
1. nodejs安裝
2. 命令行工具
1) mac Linux
2） windows
3. npm?
查看全部 -
主流方式幾種
查看全部 -
npm publish 組件github地址，進(jìn)行npm 插件發(fā)布
查看全部 -
npm install -g yo
查看全部 -
在node下安裝 Yeoman、Bower、Grunt
1、Yeoman 官網(wǎng)：http://yeoman.io/（現(xiàn)在Web App 的腳手架工具）
作用：
a）在Web項(xiàng)目的立項(xiàng)階段，使用Yeoman來(lái)生成項(xiàng)目的文件和代碼結(jié)構(gòu)。
b）Yeoman自動(dòng)將最佳實(shí)踐和工具整合進(jìn)來(lái)，大大加速和方便了我們后續(xù)的開(kāi)發(fā)
c）提供 代碼校驗(yàn)、測(cè)試、壓縮基本工作流程，其余交給生成器自由發(fā)揮
2、安裝Yeoman
命令安裝：npm install -g yo（-g 表示安裝在全局）
安裝成功如圖：
安裝完之后執(zhí)行命令：yo -v（打印yeoman的版本號(hào)）
Bower的安裝
Bower：web的包管理器
web站點(diǎn)組成：框架、庫(kù)、公共部分等。而B(niǎo)ower則用來(lái)跟蹤管理這些
比如：項(xiàng)目A，項(xiàng)目B，A項(xiàng)目使用jquery1.11.1，B項(xiàng)目使用jquery2.1.1以前的做法是去jquery官網(wǎng)下載這兩個(gè)版本分別放入各自項(xiàng)目中使用。有Bower之后，你需要哪個(gè)他就會(huì)自動(dòng)下載哪個(gè)到你應(yīng)用的項(xiàng)目中
安裝Bower?
安裝命令：npm install -g bower
查看版本 bower -v
Grunt 安裝
官網(wǎng)： http://gruntjs.com/
Grunt 另一個(gè)說(shuō)法 Build tool
作用：自動(dòng)化，減少像壓縮、編譯、單元測(cè)試、代碼校驗(yàn)這種重復(fù)且無(wú)業(yè)務(wù)關(guān)聯(lián)的工作。gurnt有強(qiáng)大的生態(tài)插件，插件一直在生長(zhǎng)
Grunt 安裝
還是標(biāo)準(zhǔn)的npm包安裝方式?
命令：npm install -g grunt-cli（cli 是command line interface 的縮寫(xiě)）
再執(zhí)行命令： grunt
結(jié)果如圖：（看到這個(gè)錯(cuò)誤消息說(shuō)明安裝成功，為什么會(huì)用一個(gè)錯(cuò)誤消息，是因?yàn)間runt-cli會(huì)執(zhí)行當(dāng)前目錄中package.json文件中指定的安裝版本來(lái)讀取我們當(dāng)前所在目錄下的grunt file配置文件，然后按照里面的配置項(xiàng)來(lái)對(duì)我們的項(xiàng)目執(zhí)行自動(dòng)化。為什么要這么設(shè)計(jì)呢，就是為了可以讓多個(gè)版本的grunt來(lái)并存，以便支持新老項(xiàng)目）
查看全部 -
1、先安裝nodejs ，在官網(wǎng)下載傻瓜模式安裝（nodejs.org）
安裝nodejs注意事項(xiàng)：
windows平臺(tái)下創(chuàng)建的用戶不要用空格，如果創(chuàng)建的已經(jīng)有空格了就再重新創(chuàng)建一個(gè)可以得到解決。
windows平臺(tái)要安裝git，因?yàn)閏md不支持bash腳本，git中有g(shù)it bash shell
2、nodejs中有很多基本模塊、框架、庫(kù)，那么NPM就是用來(lái)很快找到特定服務(wù)要使用的包并且下載、安裝、管理的一個(gè)插件
3、NPM——Node Package Manager?
? ? 不用單獨(dú)安裝，因?yàn)閚odejs安裝時(shí)就已經(jīng)自帶安裝了NPM
4、NPM使用：
? ?運(yùn)行命令：npm install -g grunt-cli (l輸入命令之后 NPM就是自動(dòng)幫我們安裝好grunt，命令里 -g的意思是：全局安裝，就是整個(gè)系統(tǒng)都可以使用 grunt)
如果不帶-g時(shí) 運(yùn)行案例：
pwd：顯示當(dāng)前目錄路徑
mkdir：新建目錄（mkdir testnodejs）
cd：進(jìn)入目錄（cd testnodejs）
進(jìn)入之后 運(yùn)行命令：
npm install grunt-cli（安裝grunt，如果沒(méi)有帶-g就會(huì)在當(dāng)前目錄生一個(gè) node_modules的目錄，并且將相關(guān)的程序安裝在node_modules目錄中）
輸入命令之后如圖：
生成的目錄如圖：（命令：ll 列出當(dāng)前目錄下的文件詳情目錄）
如果直接輸入命令 npm install 就會(huì)報(bào)錯(cuò)，這樣的命令也可以執(zhí)行，執(zhí)行時(shí)就會(huì)自動(dòng)去查找 項(xiàng)目目錄下的package.json文件，根據(jù)這個(gè)文件里的聲明去安裝。沒(méi)找到就會(huì)報(bào)錯(cuò)如圖：
NPM主要是查入package.json文件的 dependencies這一項(xiàng)，這一項(xiàng)表示：當(dāng)前項(xiàng)目主要依賴于哪些NPM的組件
查看全部 -
bower 是web的包管理器
查看全部 -
之后輸入 ls -al?
ls表示：列出當(dāng)前目錄的bash命令??
al表示：把隱藏的文件及這些帶點(diǎn)開(kāi)頭的文件以詳細(xì)列表的方式顯示出來(lái)
查看全部 -
1、安裝?angular mvc 或mvvm模式框架
npm install -g generator-angular
創(chuàng)建一個(gè)目錄?
創(chuàng)建: mkdir yo-in-action
進(jìn)入：cd yo-in-action/
創(chuàng)建：mkdir angular-in-action
進(jìn)入：cd angular-in-action
生成一個(gè)項(xiàng)目：
yo angular learnangular
查看全部 -
npm 是包管理和分發(fā)工具?
查看全部 -
JavaScript --瀏覽器
nodejs --服務(wù)器
查看全部 -
bower install jquery??
bower install jquery/jquery git短地址
查看全部
舉報(bào)