VScode 使用技巧笔记

一、vue开发技巧：

# 必备插件
vetur 
Vue VSCode Snippets
... // 后续继续添加

使用技巧

常用快捷键总结 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 把工作时的所有变化提交到暂存区【此步在终端中或视图中操作】
• （4）git:commit 回车 输入本次提交对应描述
• （5）git:push 推送到代码到远程

以上是完整流程，可通过命令面板快捷操作，也可以终端操作git命令或者视图中操作等等。。

可在视图处直接操作

分支操作

1.可以可视化操作

1.png

2.png

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

• 创建分支：git:create branch 回车输入分支名
• 切换分支：git:checkout to 选择要切换的分支
• 合并分支：切换回主分支，git:merge branch 回车选择下要合并的分支
• 删除分支：git:delete branch 选择要删除的分支

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

不记得从哪存的了.png

以上笔记来自于Young村长视频