【工具使用】 炫酷Vscode使用技巧,提高你的编程效率

文章目录

  • 1 Vscode的基础设置
  • 2 善用自动补全功能
  • 3 善用快捷键
  • 4 善用强大插件
    • 4.1 外观 美化主题
      • 4.1.1 主题
      • 4.1.2 图标
    • 4.2 便捷工具
    • 4.3 远程仓库管理

炫酷Vscode使用技巧,提高你的编程效率!

vscode的设置

1 Vscode的基础设置

{
    "files.defaultLanguage": "python",  // 设置新建文件的默认语言为python
    "editor.formatOnSave": true,        // 在保存时自动将文档格式化
    "editor.tabSize": 4                 // 按下Tab键时缩进空格数(此参数默认为4,python下可以不用设置
}

按下Ctrl+N,新建一个文件;
按下Ctrl+S,将文件命名为helloworld.py,并保存在helloworld目录下(如果你settings.json中已经配置过"files.defaultLanguage": “python”,则输入文件名的时候可以省略扩展名(.py);
在helloworld.py中键入:
print(‘helloworld’)
1
Ctrl+S保存,在终端中输入:
python helloworld.py
1
然后就可以在终端中看到程序的输出:
helloworld

2 善用自动补全功能

vscode自动补全是十分强大的,它包括了:

  • 括号(包括() [] {}等)
  • 变量名补全
  • 关键字补全
  • 结构补全

3 善用快捷键

快捷键是让人爱不释手的基本工具,有了它,你在编程是甚至不需要鼠标,就能随心所欲的操作代码。下面列出一些我常用的快捷键

快捷键 功能 快捷键 功能
F2 重命名函数 变量等 Ctrl+[/] 代码向左/右缩进
F11 全屏 Alt+↓/↑ 向上/下移动当前行
Ctrl+F 查找 Shift+Alt+↓/↑ 向上/下复制当前行
Ctrl+H 替换 Ctrl+Enter 在当前行下方插入一行
Ctrl+Y 重做 Ctrl+Shift+Enter 在当前行上方插入一行
Ctrl+D 选中当前半高亮内容(多次点击可选中下一个匹配的半高亮内容) Shift + 上下左右键 多选编辑
Ctrl+N 新建文件 Ctrl + R 打开最近的窗口(工作区)
Ctrl+Shift+N 打开新的VS Code编辑器窗口
Ctrl+Shift+W 关闭当前窗口

4 善用强大插件

4.1 外观 美化主题

4.1.1 主题

两个可以尝试的

One Dark Pro
  vscode的外观是由主题插件自定义的,这个插件就可以让你的VSCode外观变得与众不同

4.1.2 图标

vscode-icons

设置文件图标,根据各种类型的文件,设置对应的文件图标

4.2 便捷工具

Image preview

光标悬浮在图片路径上时,显示图片预览,这样我们在敲代码的时候一下子就能知道有没有引用了正确的图片或图标。

Code Spell Checker[6]

我们日常敲代码很多命名都是使用英文单词,粗心的小伙伴可能会拼错,这个插件就是单词拼写错时的拯救神器,它可以标志错的单词,还可以提示单词的正确拼法。有了它,就再也不用因为单词拼错找半天的 bug 了
Pylance
  这是微软出品的python语言服务器,能增强python的自动补全功能

Code Runner
  这是一款允许你运行部分代码的插件,选中你想运行的代码之后右键单击,第一个选项 Run Code 就是啦。你也可以通过快捷键Ctrl+Alt+N快速执行。

Chinese (Simplified) Language Pack for Visual Studio Code
  这个就不用多说了吧,懂得都懂(づ ̄ 3 ̄)づ。

CodeSnap

截图好看的代码

4.3 远程仓库管理

Git History
Git History 可以帮助你迅速查看 Git 历史记录,图形化的页面,使 Git 历史一目了然(如下图)。

Git Graph
Git Graph 可以帮助你更好的分析分支之间的关系(如下图)

Git Emoji
Git Emoji 可以更好的帮助团队形成提交规范,使用一个 Emoji 表情概括本次提交,再加上一些文本描述信息,提交记录将会变得赏心悦目(如下图)。

GitLens
GitLens 可以帮助你快速比对不同分支的代码差异(如下图)

你可能感兴趣的:(技能,vscode,ide,编辑器)