vscode配置


最近更新了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

 

 

希望能給你們幫助;

常用的插件:https://segmentfault.com/a/1190000018447996


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM