在這里更新一些有關(guān)前端開發(fā)的工具米奸，讓你的效率更高！
圖片處理類
馬克鰻(MarkMan)
可以很方便的為設(shè)計(jì)稿添加標(biāo)記爽篷，雙擊悴晰、滾輪、拖動(dòng)狼忱。能夠快速測(cè)量原型尺寸膨疏，取色等功能，重點(diǎn)是輕巧且顏值頗高钻弄。
支持PSD（需用最大兼容保存）佃却、PNG、BMP窘俺、JPG格式饲帅，在標(biāo)注的過程中，如果設(shè)計(jì)稿在被修改和保存了瘤泪，馬克鰻會(huì)自動(dòng)重新載入設(shè)計(jì)稿灶泵。
貼心功能：
-
長(zhǎng)度自動(dòng)測(cè)量
2015062910404527878.gif`
-
標(biāo)記拖拽刪除
2015062910404657503.gif -
坐標(biāo)和矩形標(biāo)記
2015062910404418542.gif - 色值標(biāo)記
2015062910404565256.gif
下載地址： Markman官網(wǎng)
tinypng
如何把網(wǎng)頁(yè)中要用到的圖片壓縮到最小，這是前端攻城師們?cè)趯懢W(wǎng)頁(yè)時(shí)都會(huì)考慮的一個(gè)問題对途，今天給各位帶來了給前端攻城師們真正的良心網(wǎng)站---TinyPNG赦邻。
只需要簡(jiǎn)單的兩步就可以把你要壓縮的PNG格式圖片壓縮到小很多又基本上不會(huì)影響圖片的質(zhì)量：
1.打開網(wǎng)址：http://tinypng.org/
2.選擇你要壓縮的PNG圖片或者直接將你要壓縮的圖片拖拽到網(wǎng)頁(yè)中間的大框框內(nèi)。
3.壓縮完成实檀，點(diǎn)擊download下載即可惶洲。
一般的圖片都可以壓縮到50%以上按声，再也不用擔(dān)心圖片太大加載過慢的問題了~
代碼編輯器
Visual Studio Code的定位應(yīng)該還是Editor，一個(gè)全功能的Editor恬吕，非常輕量級(jí)签则，搭配各種插件的話，打開大文件完全沒問題且書寫過程超級(jí)爽铐料，并且作為一個(gè)顏控表示真的蠻好看的渐裂。。钠惩。
常用插件：
下載后面幾個(gè)插件的話柒凉，直接就可以通過alt+shift+f直接格式化代碼，代碼一下子清爽多了
- 默認(rèn)配置 setting.json文件
// 將設(shè)置放入此文件中以覆蓋默認(rèn)設(shè)置
{
"window.zoomLevel": 1,
"editor.tabSize": 2,
"files.autoSave": "onFocusChange",
"window.restoreWindows": "all",
"editor.multiCursorModifier": "ctrlCmd",
"files.associations": {
"*.vue": "vue"
},
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"vue-html": "html",
"vue": "html",
"plaintext": "jade"
},
// "emmet.useNewEmmet": false,
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
// "editor.emmet.action.expandAbbreviation": "c",
// "markdown.enableExperimentalExtensionApi": true,
"git.confirmSync": false,
"git.enableSmartCommit": true,
"workbench.activityBar.visible": true
}
git操作完全可視化
包含簡(jiǎn)單的拉取妻柒，提交扛拨，推送，合并举塔，簡(jiǎn)潔方便簡(jiǎn)直vscode terminal 終端
自帶命令行，直接在上面看輸出結(jié)果簡(jiǎn)直不能再方便了快捷鍵
官方文檔求泰，文檔中列出了所有指令對(duì)應(yīng)的快捷鍵央渣。
