前端開發工具選擇

2021-09-16 21:48:26 字數 1374 閱讀 7993

選擇後比較優秀的工具可以大大加快學習和工作效率

個人感覺最優的選擇是mac。

在前端工程化的現在。命令列應該成為每乙個前端er的必備技能之一。macos自帶的shell工具足夠優秀。當然現在win10也內嵌了linux的子系統。也可以比較好的使用命令列。

最關鍵的選擇是避免選擇恐懼症。

cmd + r 瀏覽器重新整理

cmd + alt + i 開啟瀏覽器開發工具

cmd + tab 切換軟體

大廠開發,開源***。

免費。生態越來越好。

alt+up/down

移動單行

shift+alt+up/down

向上或者下複製單行

shift+alt+f

格式化文字

command++/-

增大或者減小文字字型

li*10

直接寫出10行

alt+滑鼠選擇

選擇行command+alt+up/down [size=0.9em]

多行選擇

shift+up/down

選中游標前或者後一行

shift+command+left/right

選中左或者右的部分

shift+command+down/up

選中游標前面所有或者後面所有內容

ctrl+a

跳到本行開始(command+left)

ctrl+e

跳到本行末尾(我自己喜歡用command+right)

command+down/up

跳到開始或者結束的位置

command+b

切換二級選單

command+p

快速切換檔案

command+r

開啟歷史開啟的路徑

code .

開啟當前資料夾

auto close tag自動閉合標籤

auto rename tag自動更改閉合標籤

markdownlint檢測markdown格式的外掛程式,如果不規範會提示

prettier - code formatter格式化外掛程式,非常好用,快捷鍵為alt + shift + f

前端開發工具

sublime webstorm 具有關於js 的瀏覽器相容提示 chrome batarang angular的除錯外掛程式 git小烏龜 nodejs 壓縮和混淆工具 npm 自動安裝工具 grunt 合併和混淆工具 常用 bower 依賴管理工具 不建議使用 http server輕量級ser...

前端開發工具推薦

外掛程式 docblockr 生成特定格式的函式注釋。只要在函式上面一行輸入 按tab就ok了。git和gitgutter 專案管理用。markdown preview 針對markdown檔案 converttoutf8 支援除utf8外多種編碼 emmet zen coding!package ...

前端開發工具介紹

一 前端開發工具介紹 1.chrome谷歌瀏覽器的訪問助手安裝和啟用 2.sublime text3編輯器的配置與外掛程式安裝 3.atom編輯器的配置與外掛程式 主題的安裝與解除安裝 4.瀏覽器的實時重新整理工具browsersync的安裝與配置 5.前端神器emmet外掛程式的使用技巧 具體介紹...