自用VScode外掛
Auto Close Tag
- 自動補充閉合標籤
Auto Rename Tag
- 同步修改頭尾標籤
background-cover
- 全覆蓋的背景圖片
Beautify
- 程式碼格式化
Bracket pair color
- 括號顏色
Chinese
- 中文
Color Info
- 顏色主題
css-auto-prefix
- 自動補全css3程式碼
Elm Emmet
- 程式碼提示
guides
- 新增引導線
Icon Fonts
- 程式碼樣式
open in browser
- 在預設瀏覽器開啟頁面
Path Intellisense
- 檔案路徑自動補全
VSCode Icons
- 檔案圖示
JS-CSS-HTML Formatter
- JS和HTML程式碼格式化
常用主題外掛
- monokai light
- Material Theme(包含檔案圖示)
- One Dark Theme
相關推薦
自用VScode外掛
Auto Close Tag 自動補充閉合標籤 Auto Rename Tag 同步修改頭尾標籤 background-cover 全覆蓋的背景圖片 Beautify 程式碼格式化 Bracket pai
fileheader-vscode外掛,自動生成頭部註釋 koroFileHeader
給使用vscode的開發的小夥伴分享一個自動生成頭部註釋的外掛,使用效果如下: 生成這個註釋的快捷鍵是 ctrl+alt+i 1.安裝 在vs商店搜尋koroFileHeader &nbs
VSCODE外掛開發:使用者輸入輸出
閱讀這篇文章之前,假設你已經具有開發helloworld的外掛的能力。 vscode.window 簡介 vscode.window 負責當前啟用視窗的輸入輸出,比如展示資訊,和使用者輸入等功能都是用vscode.window實現 程式碼輸出提示資訊 簡單的輸出提示資訊 使用vscode.windo
VSCode外掛開發全攻略(七)WebView
更多文章請戳VSCode外掛開發全攻略系列目錄導航。 什麼是Webview 大家都知道,整個VSCode編輯器就是一張大的網頁,其實,我們還可以在Visual Studio Code中建立完全自定義的、可以間接和nodejs通訊的特殊網頁(通過一個acquireVsCodeApi特殊方法),這個網頁就叫W
VSCode外掛開發全攻略(六)開發除錯技巧
更多文章請戳VSCode外掛開發全攻略系列目錄導航。 前言 在介紹完一些比較簡單的內容點之後,我覺得有必要先和大家介紹一些開發中遇到的一些細節問題以及技巧,特別是後面一章節將要介紹WebView的知識,這個坑會比較多,避免大家走彎路。 開發方式 最理想的方式是準備雙顯示器,一個寫程式
VSCode外掛開發全攻略(五)跳轉到定義、自動補全、懸停提示
更多文章請戳VSCode外掛開發全攻略系列目錄導航。 跳轉到定義 跳轉到定義其實很簡單,通過vscode.languages.registerDefinitionProvider註冊一個provider,這個provider如果返回了new vscode.Location()就表示當前游標所在單詞支援跳轉
一個vue前端的VSCODE外掛分享(2018)
VSCODE的外掛系列 使用vscode進行開發怎麼能少的了外掛呢 豐富的外掛讓vscode更加好用 順便推薦圖床(圖床地址) 美化外掛 background 給編輯器視窗加個背景!唯一的缺點是vscode會顯示已損壞,當然啦,並不影響使用 可以參考以下
工作中常用的vscode外掛
最近折騰著換編輯器,找到一些好東西,分享給大家。 Auto Close Tag自動補全關閉標籤 安裝即可用,你敲html標籤,它能自動幫你補全。 Auto Rename Tag自動重新命名標籤 在你更改標籤名的時候,它會幫你把對應的關閉標籤頁進行同樣的更改。
VSCode外掛開發
VSCode外掛開發全攻略(十)打包、釋出、升級 釋出方式 外掛開發完了,如何釋出出去分享給他人呢?主要有3種方法: 方法一:直接把資料夾發給別人,讓別人找到vscode的外掛存放目錄並放進去,然後重啟vscode,一般不推薦; 方法二:打包成vsix外掛,然後傳送給別人安裝,如果你的外掛涉及機密不方便釋
vscode外掛安裝失敗的解決方案
在vscode中點選對應外掛的install按鈕安裝,安裝失敗,軟體提示手動安裝(manually install)。 手動下載vsix安裝包,然後點選install from VSIX...,選擇vsix安裝包進行安裝,顯示Error: EACCES: permission denied, mkdir .
個人向 - vscode外掛記錄
現在用的編譯器的是vscode,本身這個編譯器很小,很多功能都沒有,需要自己下載一些外掛來完善功能,不知不覺下載的外掛也有三十多個了,感覺需要記錄一下。 tips:1. vscode外掛的安裝位置:’C:\Users\ 你的使用者名稱\.vscode\extensions‘;2. 因為vscode
VScode外掛合集
vscode-icon,這款必須要推薦,明顯提升效率的小外掛,在專案檔案多型別多的情況下,找到制定檔案會大大縮短時間; Class autocomplete for HTML,編寫html程式碼的朋友們對html程式碼的一大體現就是重複,如果純用手敲不僅累還會影響專案進度,這款
推薦一個很好用的vscode外掛:一個可以給出vuex中store定義資訊的vscode外掛
VueThis$Store 想要解決的問題 在使用Vuex管理自己應用的狀態時,因為狀態過多,為了正確性每次都要開啟vuex定義檔案,去複製定義時的函式名或者狀態名,無形中就浪費了許多時間,為了解決這個痛點,開發了這個vscode外掛。 通過使用 ast 和正則表示式,獲取 store 中所有檔案的定義
我的第一個vscode外掛
max+ 遊戲 資訊 一個可以讓你在vscode中閱讀max+上的遊戲資訊的小外掛. 特徵 支援的遊戲資訊:守望先鋒、爐石傳說、CSGO、Dota2,安裝後直接可以從側邊欄中開啟使用和切換遊戲,前提時你需要連線網路才能獲取資訊資料. 由於vscode的限制,資訊中的視訊無法播放. 示例: 要求 需要網路連
VUE環境搭建教程以及VSCODE外掛Vetur和ESlint的安裝配置
*此教程適用於Windows環境下 Author:Sinclair CreateDate:2018-10-09 1.安裝node.js (LTS代表長期支援版本,一般新手建議使用這個版本,因為這個版本使用的人最多,出問題能找到解決方案的概率較大。) 下載好後
Vscode外掛 livereload配合chrome擴充套件程式livereload實現網頁自動重新整理(儲存時)
前段時間電腦系統壞了,重新裝系統後便是繁瑣的軟體重灌了(對於程式猿來說,開發環境才是大事),這不,重灌vscode外掛livereload時,竟然忘了它怎麼用了!!!?於是有要百度一波,但是,查了好幾個部落格才解決了我的問題。。。怪自己記性不好啦。。。好的,進入正題。
VSCode外掛開發全攻略(一)概覽
文章索引 寫在前面 一年前我寫了一篇3萬多字的Chrome外掛(擴充套件)開發全攻略,反響還不錯,幫助了很多新手快速上手,甚至包括大名鼎鼎的紅芯瀏覽器(戳這裡瞭解更多)。 最近因工作需要又接觸到了vscode外掛開發,所以趁勢再寫一篇有關vscode外掛開發的文章,記錄一些自己踩過的坑以及接觸vscod
VSCode外掛安裝
一,Java開發外掛 Language support for Java ™ for Visual Studio Code Java Extension Pack Debugger for Java Java Test Runner 二,快捷鍵外掛 Eclipse Keym
VSCode外掛開發全攻略(八)程式碼片段、設定、自定義歡迎頁
程式碼片段 程式碼片段,也叫snippets,相信大家都不陌生,就是輸入一個很簡單的單詞然後一回車帶出來很多程式碼。平時大家也可以直接在vscode中建立屬於自己的snippets: 建立程式碼片段 那麼如何在擴充套件中建立snippets呢? package.json檔案新增如下: "contribut
個人VSCode外掛&配置
個人VSCode外掛&配置 前言 公司電腦炸了,VS用不了 只能重新配置了,之前的整理很爛,這個可以直接用.篩選了許多,多餘的外掛 ,隨時更新 外掛 Chinese (Simp