最近更新了vscode,之前的語言配置的恢復啦,上一次的配置還是很久之前,就忘記如何配置,現在小記,避免下次更新恢復,花時間在網上找了;
一:語言配置
安裝chinese (Simplified)Language Pack for r Visual Studio Code
“查看”--》“命令面板” 或者快捷鍵“ctrl+shift+p”打開輸入如圖所示
注意:一定要重啟vscode否則無效
二:終端字間距
重啟之后終端字間距 我是不忍直視的 后來看到這篇文章https://www.cnblogs.com/chenyansu/p/8641824.html
修改之后,字號是可以調整的 ,而且vscode也會彈出窗口顯示終端字體只支持“monospace”
三:頁面自動刷新。實時查看頁面編輯狀態
1、安裝插件Live server
2、在工作區新建index.html,輸入內容鼠標右鍵Open with live server默認的打開chrome瀏覽器,可以看到頁面在瀏覽器打開
3、修改頁面內容,可以觀察到在瀏覽器端同步修改
注意:需要打開的頁面,需要先添加到vscode的工作區域(左側邊欄)下
四:vscode外觀設置,GlassIt-VSC可是改變編輯器的透明度
安裝GlassIt-VSC,"ctrl+alt+z" 增加透明度,"ctrl+alt+c"減少透明度
前端插件:
Auto Close Tag:自動閉合標簽
Auto Rename Tag :自動修改另一側的標簽
color info:顏色選擇
JS-CSS-HTML Formatter:代碼格式化
debugger for Chrome:chrome測試
open in brower:從瀏覽器端打開頁面
path Intellisense:路徑提示
vscode-icons:文件以及文件夾圖標顯示
HTML Snippets:智能提示HTML標簽,以及標簽含義
Bracket Pair Colorizer:給括號加上不同的顏色,便於區分不同的區塊,使用者可以定義不同括號類型和不同顏色
JavaScript (ES6) code snippets :This extension contains code snippets for JavaScript in ES6 syntax for Vs Code editor (supports both JavaScript and TypeScript).
JavaScript(ES6) code snippets:ES6語法智能提示,以及快速輸入,不僅僅支持.js,還支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各種包含js代碼文件的時間
微信小程序:
minapp
Easy WXLESS
vscode-wechat
wxml
vue project:
Vetur
VueHelper
希望能給你們幫助;