-
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地址，進行npm 插件發(fā)布
查看全部 -
npm install -g yo
查看全部 -
在node下安裝 Yeoman、Bower、Grunt
1、Yeoman 官網(wǎng)：http://yeoman.io/（現(xiàn)在Web App 的腳手架工具）
作用：
a）在Web項目的立項階段，使用Yeoman來生成項目的文件和代碼結(jié)構(gòu)。
b）Yeoman自動將最佳實踐和工具整合進來，大大加速和方便了我們后續(xù)的開發(fā)
c）提供 代碼校驗、測試、壓縮基本工作流程，其余交給生成器自由發(fā)揮
2、安裝Yeoman
命令安裝：npm install -g yo（-g 表示安裝在全局）
安裝成功如圖：
安裝完之后執(zhí)行命令：yo -v（打印yeoman的版本號）
Bower的安裝
Bower：web的包管理器
web站點組成：框架、庫、公共部分等。而Bower則用來跟蹤管理這些
比如：項目A，項目B，A項目使用jquery1.11.1，B項目使用jquery2.1.1以前的做法是去jquery官網(wǎng)下載這兩個版本分別放入各自項目中使用。有Bower之后，你需要哪個他就會自動下載哪個到你應(yīng)用的項目中
安裝Bower?
安裝命令：npm install -g bower
查看版本 bower -v
Grunt 安裝
官網(wǎng)： http://gruntjs.com/
Grunt 另一個說法 Build tool
作用：自動化，減少像壓縮、編譯、單元測試、代碼校驗這種重復(fù)且無業(yè)務(wù)關(guān)聯(lián)的工作。gurnt有強大的生態(tài)插件，插件一直在生長
Grunt 安裝
還是標準的npm包安裝方式?
命令：npm install -g grunt-cli（cli 是command line interface 的縮寫）
再執(zhí)行命令： grunt
結(jié)果如圖：（看到這個錯誤消息說明安裝成功，為什么會用一個錯誤消息，是因為grunt-cli會執(zhí)行當(dāng)前目錄中package.json文件中指定的安裝版本來讀取我們當(dāng)前所在目錄下的grunt file配置文件，然后按照里面的配置項來對我們的項目執(zhí)行自動化。為什么要這么設(shè)計呢，就是為了可以讓多個版本的grunt來并存，以便支持新老項目）
查看全部 -
1、先安裝nodejs ，在官網(wǎng)下載傻瓜模式安裝（nodejs.org）
安裝nodejs注意事項：
windows平臺下創(chuàng)建的用戶不要用空格，如果創(chuàng)建的已經(jīng)有空格了就再重新創(chuàng)建一個可以得到解決。
windows平臺要安裝git，因為cmd不支持bash腳本，git中有g(shù)it bash shell
2、nodejs中有很多基本模塊、框架、庫，那么NPM就是用來很快找到特定服務(wù)要使用的包并且下載、安裝、管理的一個插件
3、NPM——Node Package Manager?
? ? 不用單獨安裝，因為nodejs安裝時就已經(jīng)自帶安裝了NPM
4、NPM使用：
? ?運行命令：npm install -g grunt-cli (l輸入命令之后 NPM就是自動幫我們安裝好grunt，命令里 -g的意思是：全局安裝，就是整個系統(tǒng)都可以使用 grunt)
如果不帶-g時 運行案例：
pwd：顯示當(dāng)前目錄路徑
mkdir：新建目錄（mkdir testnodejs）
cd：進入目錄（cd testnodejs）
進入之后 運行命令：
npm install grunt-cli（安裝grunt，如果沒有帶-g就會在當(dāng)前目錄生一個 node_modules的目錄，并且將相關(guān)的程序安裝在node_modules目錄中）
輸入命令之后如圖：
生成的目錄如圖：（命令：ll 列出當(dāng)前目錄下的文件詳情目錄）
如果直接輸入命令 npm install 就會報錯，這樣的命令也可以執(zhí)行，執(zhí)行時就會自動去查找 項目目錄下的package.json文件，根據(jù)這個文件里的聲明去安裝。沒找到就會報錯如圖：
NPM主要是查入package.json文件的 dependencies這一項，這一項表示：當(dāng)前項目主要依賴于哪些NPM的組件
查看全部 -
bower 是web的包管理器
查看全部 -
之后輸入 ls -al?
ls表示：列出當(dāng)前目錄的bash命令??
al表示：把隱藏的文件及這些帶點開頭的文件以詳細列表的方式顯示出來
查看全部 -
1、安裝?angular mvc 或mvvm模式框架
npm install -g generator-angular
創(chuàng)建一個目錄?
創(chuàng)建: mkdir yo-in-action
進入：cd yo-in-action/
創(chuàng)建：mkdir angular-in-action
進入：cd angular-in-action
生成一個項目：
yo angular learnangular
查看全部 -
npm 是包管理和分發(fā)工具?
查看全部 -
JavaScript --瀏覽器
nodejs --服務(wù)器
查看全部 -
bower install jquery??
bower install jquery/jquery git短地址
查看全部
舉報