33
Web Development 邱邱邱 @ 邱邱邱邱 ThoughtWorks 邱邱邱邱邱

Web development-workflow

Embed Size (px)

Citation preview

Page 1: Web development-workflow

Web Development

邱俊涛@正反反长

ThoughtWorks 软件工程师

Page 2: Web development-workflow

Shell Editor Automation Testing Dependences

Page 3: Web development-workflow

Which shell are you using?

Page 4: Web development-workflow
Page 5: Web development-workflow
Page 6: Web development-workflow
Page 7: Web development-workflow

$ alias –s json=vim$ alias –s log=“less –MN”$ data.json #vim data.json$ test.log #less –MN test.log

Page 8: Web development-workflow

$ alias –g gp=‘| grep -i’$ ps –Af gp Chrome

Page 9: Web development-workflow

tmux

Page 10: Web development-workflow
Page 11: Web development-workflow

attach/detach

Page 12: Web development-workflow
Page 13: Web development-workflow

Which editor are you using?

Page 14: Web development-workflow
Page 15: Web development-workflow
Page 16: Web development-workflow

autocmd with map

Page 17: Web development-workflow
Page 18: Web development-workflow

Task managing

Page 19: Web development-workflow

$ npm install grunt

Page 20: Web development-workflow
Page 21: Web development-workflow

grunt.registerTask('name', "description", function(desc) { console.log("basic: "+desc);});

Page 22: Web development-workflow

$ npm install grunt-contrib-jshint --save-dev

$ npm install grunt-contrib-concat --save-dev

$ npm install grunt-contrib-uglify --save-dev

Page 23: Web development-workflow

Testing

Page 24: Web development-workflow
Page 25: Web development-workflow

$ npm install karma

Page 26: Web development-workflow
Page 27: Web development-workflow

Dependences

Page 28: Web development-workflow

$ npm install bower

Page 29: Web development-workflow

$ bower install jquery$ bower install underscore

Page 30: Web development-workflow
Page 31: Web development-workflow
Page 32: Web development-workflow
Page 33: Web development-workflow

Q & A