站長資訊網
        最全最豐富的資訊網站

        推薦一些VSCode中實用前端插件(總結)

        本篇文章給大家總結推薦一些VSCode中實用前端插件,希望對大家有所幫助!

        推薦一些VSCode中實用前端插件(總結)

        推薦一波前端開發必備插件,絕對可以提高你的生產力,剩下來的時間來 mo魚,豈不美哉。【推薦學習:《vscode教程》】

        開發綜合推薦

        別名路徑跳轉

        插件名: 別名路徑跳轉

        使用說明: 別名路徑跳轉插件,支持任何項目,

        使用場景: 當你在開發頁面時, 想點擊別名路徑導入的組件時(演示如下)

        配置說明

        • 下載后只需自定義配置一些自己常用的別名路徑即可

          • 右擊插件–》擴展設置–》路徑映射在settinas.json中編輯
          // 文件名別名跳轉   "alias-skip.mappings": {     "~@/": "/src",     "views": "/src/views",     "assets": "/src/assets",     "network": "/src/network",     "common": "/src/common"   },

        效果展示

        推薦一些VSCode中實用前端插件(總結)

        路徑別名智能提示

        • 插件名:path-alias
        • 場景: 在導入組件的時候,使用別名路徑沒用提示時 (可和別名路徑跳轉同時使用, 無沖突)
        • 詳細使用教程(賊簡單)

        安裝效果和功能

        推薦一些VSCode中實用前端插件(總結)

        推薦一些VSCode中實用前端插件(總結)

        indent-rainbow

        • 插件名: indent-rainbow
        • 功能:彩虹縮進

        推薦一些VSCode中實用前端插件(總結)

        Bracket Pair Colorizer 2

        • 插件名: Bracket Pair Colorizer 2
        • 功能:給匹配的括號() 或者 對象{}.. 添加對應的顏色用于區分

        Auto Rename Tag

        • 插件名: Auto Rename Tag
        • 功能:自動重命名標簽

        推薦一些VSCode中實用前端插件(總結)

        Code Spell Checker

        • 插件名:Code Spell Checker
        • 功能:檢查單詞拼寫是否錯誤(支持英語)

        推薦一些VSCode中實用前端插件(總結)

        Code Runner

        • 插件名:Code Runner
        • 功能:一鍵執行各種語言代碼(常用于測試)

        推薦一些VSCode中實用前端插件(總結)

        Debugger for Chrome

        • 插件名:Debugger for Chrome
        • 功能:在VSCode端,調試代碼

        推薦一些VSCode中實用前端插件(總結)

        Live ServerPP

        • 插件名:Live ServerPP
        • 功能:在服務器端打開你的文件,實時顯示你修改的代碼
          • 支持websocket 消息服務,可以用于調試websocket 客戶端
          • 支持可編程虛擬文件,可用于模擬服務端API接口

        推薦一些VSCode中實用前端插件(總結)

        Svg Preview

        • 插件名:Svg Preview
        • 功能:可以顯示你的SVG圖片,還可以編輯

        推薦一些VSCode中實用前端插件(總結)

        Tabnine

        • 插件名:Tabnine
        • 功能:智能提示代碼,可以預測你將要寫的代碼進行提示

        推薦一些VSCode中實用前端插件(總結)

        Template String Converter

        • 插件名:Template String Converter
        • 功能:在字符串中輸入$觸發,將字符串轉換為模板字符串

        推薦一些VSCode中實用前端插件(總結)

        vscode-pigments

        • 插件名:vscode-pigments
        • 功能:實時預覽設置的顏色

        推薦一些VSCode中實用前端插件(總結)

        Parameter Hints

        • 插件名:Parameter Hints
        • 功能:提示函數的參數類型及消息

        推薦一些VSCode中實用前端插件(總結)

        Quokka.js

        • 插件名:Quokka.js
        • 使用:安裝插件后,ctrl+shift+p輸入Quokka new JavaScr..即可使用
        • 功能:實時顯示打印輸出,
        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 亚洲一级Av无码毛片久久精品| 无码精品一区二区三区在线 | 2021国产精品视频网站| 自拍偷自拍亚洲精品被多人伦好爽 | 国产精品日本欧美一区二区| 亚洲欧美日韩国产成人精品影院| 国产久爱免费精品视频| 国产精品一区二区久久| 精品无码无人网站免费视频| 亚洲精品线路一在线观看 | 国产精品∧v在线观看| 99久久久精品| CAOPORM国产精品视频免费| 久久国产乱子伦免费精品| 亚洲动漫精品无码av天堂| 亚洲人成国产精品无码| 国产在线观看高清精品| 99在线精品免费视频| 国产精品国产AV片国产| 成人一区二区三区精品| 2021国产精品视频网站| 午夜精品在线观看| 欧美日韩精品一区二区| 精品国产日产一区二区三区| 99精品视频3| 国产精品国产三级国产专播| 99re这里只有精品国产精品| 国产精品国产精品国产专区不卡 | 999精品视频| 97精品国产91久久久久久| 97国产精品视频| 成人精品综合免费视频| 国产成人精品久久免费动漫| 国产精品岛国久久久久| 久久精品国产精品青草app| 精品国产一区二区三区免费| 91热成人精品国产免费| 国产精品福利电影一区二区三区四区欧美白嫩精品 | 精品国产sm捆绑最大网免费站| 国产精品久久久久AV福利动漫| 国产精品福利自产拍在线观看 |