欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

深入講解VsCode各場景高級調試與使用技巧 代碼編寫效率提升2倍

csdn   發(fā)布時間：2023-12-22 12:01:52   作者：小明的學習圈子   我要評論
VSCode是一款開源免費的跨平臺文本編輯器，它的可擴展性和豐富的功能使得它成為了許多程序員的首選編輯器,在本文中，我將分享一些VSCode的使用技巧，幫助您更高效地使用它

添加代碼片段文件的文件名稱，會生成.code-snippets后綴的文件

定義用戶片段

{
  "自動補全console.log": {
    "scope": "javascript,typescript",
      "prefix": "log",
      "body": [
        "console.log('$1');",
        "$2"
      ],
    "description": "輸出console.log('')"
  }
}
復制代碼

在鍵盤輸入log時效果如下

指定光標處的默認值并選中

"body": [
  "console.log('${1:abc}');"
],
復制代碼




指定光標處的默認值有多個，并提供下拉選擇


用兩個豎線包含多個選擇值，|多個選擇值直接用逗號隔開|




"body": [
  "console.log('${1:abc}');",
  "${2|aaa,bbb,ccc|}"
],
復制代碼




新建當前工作區(qū)的代碼片段


只需要選擇文件 -> 首選項 -> 用戶片段 -> 新建xxx文件夾的代碼片段, 新建后會在當前工作區(qū)生成.vscode/xxx.code-snippets文件




技巧二：Emmet


vscode內置了對Emmet的支持，無需額外擴展。


技巧三：對光標處代碼變量快速重命名


選中或者光標所處的位置，按F2可以對所有的變量重命名




技巧四：代碼重構建議 選中要重構的代碼，點擊出現(xiàn)的黃色小燈的圖標




選中重構的類型




輸入新的變量名




還可以重構到函數(shù)



						

						

						
						

					

					

						
						
					

					

						
					

					

					

						
相關文章

						
					

					

						
					

					
					

						
最新評論