VScode 使用技巧笔记
2021-07-17 本文已影响0人
王芊芊
一、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村长视频
