1.前言
最流行的前端編程工具應該是vscode了，但是vscode的代碼提示有很多不足的地方，這樣效率很低。 本文就列舉了一些常用的擴展程序來實現代碼提示，加快開發速度，也方便補全代碼。大家寫前端的時候，平時也可能會苦惱於代碼拼寫錯誤，方法名忘記怎么寫，不知道填充什么參數等問題。安裝一些合適的擴展程序可以幫助我們更高效的寫出更優美的代碼。
2. 常用擴展程序
下面就介紹一些 vscode代碼提示工具
1、Auto Rename Tag // 這個可以幫助我們在重命名標簽名時自動修改閉合標簽的內容
2、Axios Snippets // 超好用的 axios 代碼補全片段，支持在.vue.js.html.ts文件中使用
3、Bracket Pair Colorizer // 一個可定制的擴展，用於着色匹配的括號
4、Chinese (Simplified) Language Pack for Visual Studio Code // 中文簡體顯示
5、CSS Peek //css工具
6、CSS Tree // css
7、Easy LESS // Auto-compile LESS to CSS on save
8、Element UI Snippets // element-ui的代碼片段
9、GitLens — Git supercharged // git
10、HTML CSS Support // html/css
11、HTML Snippets // html代碼片段
12、JavaScript (ES6) code snippets // ES6的代碼片段
13、jQuery Code Snippets // jQuery的代碼片段
14、json5 // json
15、Live Server // 啟動具有靜態和動態頁面實時重載特性的開發本地服務器
16、Lodash Snippets // Lodash的代碼片段
17、Maintained Swift Development Environment // 快速開發環境
18、Material Icon Theme // 設置文件圖標的主題
19、minapp // 微信小程序標簽、屬性的智能補全（同時支持原生小程序、mpvue 和 wepy 框架，並提供 snippets）
20、node-snippets // node代碼片段
21、open in browser // 在瀏覽器運行文件
22、Path Intellisense // 自動完成文件名的 visual studio 代碼插件
23、Prettier - Code formatter // 代碼自動格式化
24、px to rem & rpx (cssrem) // 在 vscode 中轉換 px 和 rem & rpx 單位 開發微信小程序需要使用rem & rpx
25、toml-formatter
26、Vetur // vue工具
27、Vue 2 Snippets // vue2 代碼片段
28、Vue VSCode Snippets // vue
29、wechat-snippet // 微信小程序代碼輔助,代碼片段自動完成
30 、Auto Close Tag // 自動閉合標簽
原文：https://www.jianshu.com/p/22fd68ee52fd