一、vue開發(fā)技巧：

# 必備插件
vetur 
Vue VSCode Snippets
... // 后續(xù)繼續(xù)添加

使用技巧

常用快捷鍵總結 v開頭

• vue文件：頁面結構vbase、vbase-ts、vbase-3等等
• vue-template：vfor、von、vmodel等等
• scripts：vcomponents、vimport、vimport-export等等
• vue-router：vrouter、vrouter-named等等
• vuex：vstore、vgetter、vaction、vmutation等等

定制化修改

# 該目錄下可定制化修改，增加自己想要的模版等等，自行嘗試
.vscode/extensions/sdras.vue-vscode-snippets-2.2.1/snippets

自定義代碼塊

image.png

二、vscode git 使用技巧

切換Source Control視圖

# 此處也可直接初始化倉庫
control+shift+G

初始化項目

# 打開命令面板
command+shift+P  // git:xxx格式

第一種：克隆遠程倉庫到本地：git:clone 然后輸入url【之后里面編寫提交等等...】

第二種：本地初始化倉庫提交到遠程：

• （1）git:initialize repository 可選擇當前項目也可選擇其他文件夾
  
  image.png
  
  或者
  
  image.png
• （2）git:add remote 然后輸入遠程庫url
• （3）git:stage all changes 把工作時的所有變化提交到暫存區(qū)【此步在終端中或視圖中操作】
• （4）git:commit 回車 輸入本次提交對應描述
• （5）git:push 推送到代碼到遠程

以上是完整流程，可通過命令面板快捷操作，也可以終端操作git命令或者視圖中操作等等。。

可在視圖處直接操作

分支操作

1.可以可視化操作

1.png

2.png

2.命令面板【command+shift+P】

• 創(chuàng)建分支：git:create branch 回車輸入分支名
• 切換分支：git:checkout to 選擇要切換的分支
• 合并分支：切換回主分支，git:merge branch 回車選擇下要合并的分支
• 刪除分支：git:delete branch 選擇要刪除的分支

3.終端命令行，以下是git 常用命令可收藏

不記得從哪存的了.png

以上筆記來自于Young村長視頻