前端編程該懂得的工具?

01-29

好久以前學編程只要懂得 CSS， javascript, html 等等就好，現在發覺外面其實有很多實用的工具和框架，像 jade, less/sass, coffeescript, bower, gulp, sublime2, bootstrap，這些東西，作為一個編程，你有什麼工具/框架覺得應該要懂得用的？

Chrome Developer Tools.

前端有很多框架和技術，其實選擇你需要的就可以了

shell svn git nodejs npm nvm nrm gulp webpack babel sass less postcss vue react angular jquery charles fiddler chrome devtool express koa eslint hapi http https handlebars ejs jade karma mocha sinon istanbul webstorm sublime vscode atom vim

你需要看一些前台的continues intergration 和 continues delivery的文章。裡面有解釋架構時如何為以後的開發做好規劃。如何更快速的實現開發到發布之間的每一步。然後選擇你的framework

css html javascrit 更多的是一種語言。而gulp grunt 是開發javascript自動化所必須的。

IDE是必須有，無論是sublime text 還是webstorm 都足夠用了。

bootstrap是快速開發小型重複項目時非常實用的模板。做大型開發一般般，還不如less sass自己寫一下。因為很多用不到的需要砍掉。

coffeescript 我個人覺得我不是特別實用。如果作為團隊使用來減少隊員之間代碼區別作用還是很大的。

這要依據你需要解決的問題來決定

大方向是要知道的

例如

模塊化，require還是sea

自動化工程，gulp還是grunt

單元測試，mocha還是qunit（單元測試我也還沒嘗試過）

前端模板引擎，jade還是ejs

mv*框架，js龐大複雜難以管理，backbone還是angular

css框架，bootstrap還是foundation

開發依賴，bower還是npm（我以前一直以為npm是專用於node的）

還有等等…

我覺得當真正進行各種開發，就會更清楚那些工具到底用來解決什麼問題，這會幫助你更好的掌握工具的學習。（這也許是我還沒掌握單元測試的原因）

當然，會發現最後還是離不開前端三大樣，還有數據結構演算法，計算機網路等開發基礎。（我得繼續補…）

jade必須用，前後端都能用

stylus替換css，

qunit單元測試，

SVN存模塊，用npm將模塊全都弄到版本庫里，grunt,gulp什麼的就不用了，

自動更新文件，用node fs.watch 文件目錄就ok了注意跳過一些文件夾

自動執行什麼任務，自己寫寫node就行

各方面的工具選一個用就好...使用的套路都差不多

冷靜點，學好 html，css，js，http，那些天花亂墜的名詞大多看會文檔就能上手。

BS Chrome Sublime...

.NET出身，Visual Studio Code + Node.js，其它都是程序包。要有自己總結整理的成形模板、控制項和素材集合，在必要的時候會省很多工。

大神能講講npm這個東西怎麼結合node，普通開發能用nonde來開發嗎？

你說的這些個我都用過,越用越覺得基礎重要