Web前端自动化入门总结

周末掉眠，周一无力写代码，只能听着一首：逆流成河，趁便把比来刚入门的前端主动化写一下入门总结。

因为大年夜事的开辟重点是java后端，后端这几年跟着maven，gradle等构建对象的应用也把以前jar治懂得放了，记得刚卒业那会公司的筹划是公擅本身保护一个libs文件夹，把须要的jar放进去，然后ant写脚本打包。这种方法的缺点要本身记住jar的版本等等，然后更新比较繁琐，还有把jar提交到svn等版本治理对象，大年夜小很大年夜，共享麻烦。

说到前端主动化，如今应当是比较普及了，到github膳绫擎搜刮一下web组件根本都是用到几个常用的构建组件。不过身处二线城市，一向大年夜事企业体系开辟的我，平常的开辟，照样按老套路，直接建文件夹像libs，asset等，然后把须要的第三方库，像Jquery，easyui，angular之类的下载复制进去，然后开端写代码。这种方法缺点：同样没有同一治理web库，文件紧缩归并等也没有推敲，每次写代码调试一向F5刷新，还时不时缓存没刷掉落，上传git文件大年夜小也是异常大年夜。

比来本身余暇想做一个表单设计器，定了框架angularJs，bootstrap3。然后想用上前端主动化构建对象。开端分批介绍这几个对象：nodejs，yeoman，bower，grunt，gulp。

1.NodeJS

NodeJS这个神器就不做介绍，入门nodejs，可以发明一个新的世界，这是最好的诠释。这几个主动化构建对象都是基于nodejs应用。

一、安装

百度一下nodejs，根据体系版本选择下载安装。新版的根本都邑自带npm(node的担保理对象)

安装

安装完成:node -v ，npm -v 查看版本

二、设备

设备npm的全局模块的存放路径以及cache的路径(可以不做选择默认地址)

bower.json：须要依附的web担保理文件，类似package.json

npm config set prefix "C:\Program Files\nodejs\node_global" 
npm config set cache "C:\Program Files\nodejs\node_cache"

设备情况变量

体系变量下新建"NODE_PATH"，输入”C:\Program Files\nodejs\node_global\node_modules“ 
用户变量"PATH"修改为“C:\Program Files\nodejs\node_global\”

因为GWF原因可以选择修改镜像，或者安装cnpm，我建议选择翻墙软件，就不会在后续应用过程出现问题，这里贴一个我用的http://www.herogo.cc/Register/Index/2352499，注册送免费流量，临时先用一下。

如不雅选择翻墙这里可以忽视

设备淘宝镜像：npm config set registry "https://registry.npm.taobao.org" 
查看设备：npm config list 
 
安装cnpm：npm install -g cnpm –registry=https://registry.npm.taobao.org

三、package.json

js紧缩，可以设置是否生成js的对应map

描述npm包的文件，类型maven的pom.xml,bower的bower.json等

属性解释： 
dependencies：临盆情况须要安装的包 
devDependencies：开辟情况须要的包 
 
版本号： 
^:^0.4.1:宣布了0.4.1会更新，1.X.X就不会更新 
~：~0.4.1:宣布了0.4.1会更新，0.5.0就不会更新  
 
npm install：默认应用当前路径下的package.json安装包 
npm install chajian：直接安装包到当前目次的node_modules 
-g:全局安装 
--save-dev:安装同时写入package.json

2.Yeoman

Yeoman是Google的团队和外部供献者团队合作开辟的，他的目标是经由过程Grunt，Gulp，Bower的包装为开辟者创建一个易用的工作流。

简单点说，在项目初始化的时刻用了yeoman，主动帮你构建好基本的文件，还有所须要的bower，gulp，grunt等这些设备。

一、安装

官网：http://yeoman.io 
安装：npm install -g yo 
查看版本：yo --version

1/4 1 2 3 4 下一页尾页

　　推荐阅读

　　第2期：非结构化数据分析技术是忽悠

固然很多专业技巧范畴都可以归类为对非构造化数据的处理，但总体应用范围并不广泛，大年夜多半用户还用不上这些专门技巧，而只是须要把这些数据存储下来。非构造化数据没有通用的分析计算>>>详细阅读

本文标题：Web前端自动化入门总结

地址：http://www.17bianji.com/lsqh/35395.html

1/2 1