Tools
工慾善其事必先利其器
1.工具
1.1 前端工具
- VSCode ~強烈推薦，入門必備
- JetBrains WebStorm ~除了有點吃內存，其餘都牛逼
- HBuilder ~和uniapp天生匹配
- atom ~瞭解即可
- sublime ~瞭解即可
2.VSCode必備插件
2.1 Open-In-Browser
在瀏覽器中打開文件的內置界面
2.2 live-server 🔥
開啓服務,並且頁面熱更新.
安裝後在vscode底部會出現Go Live按鈕。
2.3 Beautify
Beautify 插件可以快速格式化你的代碼格式，讓你在編寫代碼時雜亂的代碼結構瞬間變得非常規整
按鍵盤F1調出快捷鍵，選擇Beautify file
2.4 Code Runner
萬能語言運行環境,直接通過此插件就可以直接運行對應語言的代碼
2.5 Image Preview
鼠標移到路徑裏顯示圖像預覽
2.6 Path Intellisense
路徑自動補全插件
2.7 Turbo Console Log
快捷添加 console.log，一鍵 註釋 / 啓用 / 刪除 所有 console.log。
| 快捷鍵 | 解釋 |
|---|---|
| ctrl + alt + l | 選中變量之後，使用這個快捷鍵生成 console.log |
| alt + shift + c | 註釋所有 console.log |
| alt + shift + u | 啓用所有 console.log |
| alt + shift + d | 刪除所有 console.log |
2.8 css-auto-prefix
自動添加 CSS 私有前綴,解決兼容性的利器
2.9 Bracket Pair Colorizer
給嵌套的各種括號加上不同的顏色,便於區分作用域
2.10 Auto Rename Tag
自動修改匹配的 HTML 標籤
Tip:以上均是本人常用的插件，其實vscode還有很多好用的插件，大家通過此篇文章熟悉，自己去探索吧！
有同學想問我gif圖如何錄製的，如下
- GifCam 一個製作gif的神器，下載地址
😂 本文均由JavaDog原創，轉載請標明出處。