以angularJS为例:
- 安装generator-angular,其他项目可以上官网搜刮
- npm install -g generator-angular
- cd 项目地址
- yo angular 项目名
- 根据提示选择须要的库
- yeoman在应用的时刻会提示一些常用库闪开辟者选择是否须要应用便利应用
3.Bower
三、task
前端库治理器,用于搜刮、安装和卸载如JavaScript、HTML、CSS之类的收集资本。如今有些开辟者直接应用npm做前端库治理器,看须要先临时应用bower,至于他和npm的利弊可以搜刮文┞仿比对一下。
一、安装
二、文件
.bowerrc:设置bower下载的文件地位,代劳,超不时长等
三、应用
- 在官网搜刮须要的web库,根据名称下载
- bower install jquery --零丁下载web包
- 没在bower注册:
- 可以经由过程github短语安装(用户名/项目名 bower install wengweh/plumdo-word)
- 可以经由过程github地址安装 bower install https://github.com/wengwh/plumdo-word.git
- 可以经由过程URL直接安装 bower install http://www.baidu.com
- bower install jquery --save --把依附添加到bower.json
- bower install jquery --save-dev --把依附添加到bower.json中的开辟依附
- bower install --直接根据当前目次的bower.json下载
- bower init --生成bower.json文件
4.Grunt
- 官网:https://bower.io
- 安装:npm install -g bower
- 查看版本:bower -v
经由过程设备一系列的task,定义task处理的事务(例如文件紧缩归并、雪碧图、启动server、版本控制等),然后定义履行次序,来让grunt履行这些task,大年夜而构建项目标全部前端开辟流程。
一、安装
- npm install -g grunt-cli
二、指令
- grunt taskname:运行指定task
- grunt taskname:target:运行指定task内部的target
- grunt:运行default的task
grunt的功能就是履行一系列的task来实现,所以它的task是异常多的,如不雅有须要懂得可以搜刮一下,这里介绍几个常用的task
1.copy 顾名思义复制文件、文件夹
- copy:{
- dist:{
- src:'<%= config.app %>/js/index.js',---原地址
- dest:'<%= config.dist %>/js/index.js',--目标地址
- },
- dist:{
- files:[ --应用数组
- {
- expand:true,
- cwd: '<%= config.app %>/',
推荐阅读
固然很多专业技巧范畴都可以归类为对非构造化数据的处理,但总体应用范围并不广泛,大年夜多半用户还用不上这些专门技巧,而只是须要把这些数据存储下来。非构造化数据没有通用的分析计算>>>详细阅读
本文标题:Web前端自动化入门总结
地址:http://www.17bianji.com/lsqh/35395.html
1/2 1