Skip to content

vscode

https://github.com/viatsko/awesome-vscode

设置

字体: 13

快捷键

Ctrl + "-": 代码位置回退到上一个位置

插件

Remote-SSH

在本地编辑服务器代码
需要配置~/.ssh/config文件

可能出现的问题：

1
2
3
4
Running remote connection script
Acquiring lock on /home/ubuntu/.vscode-server/bin/f06011ac164ae4dc8e753a3fe7f9549844d15e35/vscode-remote-lock.f06011ac164ae4dc8e753a3fe7f9549844d15e35
Installing to /home/ubuntu/.vscode-server/bin/f06011ac164ae4dc8e753a3fe7f9549844d15e35...
Downloading with wget

连接时可能会 Downloading 失败，需要在 Remote-SSH -> 配置扩展信息 -> 将 Remote.SSH: Allow Local Server Download 这个选项☑️上

或者出现以下错误： 

1
2
[08:12:39.585] stderr> ln: failed to create hard link '/home/zhaoyangzhen/.vscode-server/bin/ff915844119ce9485abfe8aa9076ec76b5300ddd/vscode-remote-lock.zhaoyangzhen.ff915844119ce9485abfe8aa9076ec76b5300ddd': File exists
[08:12:39.590] Local server exit: 15

可以删掉服务器上的~/.vscode-server，然后重新连接就可以了

一般删掉~/.vscode-server/bin就可以了

设置不同语言的不同缩进

打开设置，点击右上角打开设置(json)的图标，然后在json文件中添加如下代码

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
"[javascript]": {
    "editor.tabSize": 2
},
"[html]": {
    "editor.tabSize": 2
},
"[css]": {
    "editor.tabSize": 2
},
"[json]": {
    "editor.tabSize": 2
}

Python

代码错误提示 flake8
“pip install flake8”
在settings.json文件中输入"python.linting.flake8Enabled": true
"python.linting.flake8Args": ["--max-line-length=88"],

但在经典又经典得python之禅中曾提到过“扁平胜于嵌套”，所以还是建议每行代码字符数控制在79个以内，以此来保证代码可读性高，便于理解和维护。

pylint

1
2
3
4
5
6
7
8
// 默认对Python文件进行静态检查
"python.linting.enabled": true,

// 默认在Python文件保存时进行静态检查
"python.linting.lintOnSave": true,

// 默认使用pylint对Python文件进行静态检查
"python.linting.pylintEnabled": true,

格式化pytho代码
在 python 文件中右键，然后点击格式化文档，就会在右下角弹出一个框，然后安装需要的扩展即可

HTML CSS support

CSS 自动补全

Eslint

JS 代码错误自动检测

open in browser

代码在浏览器打开

Vue 2 Snippets

Vue 代码补全提示

GitLens

显示代码作者

go

打开 go 项目时，需要打开 go.mod 的上级目录，不然 import 中的内容会飘红

Rust (rls)

Rust 语言插件

列编辑功能

Mac 下 option+鼠标左键，添加多光标输入

快捷生成 html 多列

输入li{有序列表$}*6然后回车 

1
2
3
4
5
6
li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
<li>有序列表4</li>
<li>有序列表5</li>
<li>有序列表6</li>

div.div${div$}*6

1
2
3
4
5
6
<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3">div3</div>
<div class="div4">div4</div>
<div class="div5">div5</div>
<div class="div6">div6</div>

Emmet

编辑 -》 Emmet
Wrap individual LInes with Abbreviation
ul>li*

自定义代码块

html

  • 右下角设置 -> User Snippets -> html
  • 在 html.json 的大括号里面添加以下代码
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
"HTML template": {
    "prefix": "html5",
    "body": [
        "<!DOCTYPE html",
        "<html lang=\"zh\">",
        "<head>",
        "\t<meta charset=\"UTF-8\">",
        "\t<title>${1:Page Title}</title>",
        "</head>",
        "<body>",
        "\t$0",
        "</body>",
        "</html>"
    ],
    "description": "Simple HTML5 starting point"
}
  • 使用：在后缀为 .html 的文件中输入 html5 然后按 tab 键
  • 自带的快速生成 html 的方法: 在后缀为 .html 的文件中输入 ! -> 按 tab 键

Excel Viewer

以表格形式查看 csv 文件
使用方法：在 csv 文件右键选中 Open Preview

命名

codelf

https://github.com/unbug/codelf

leetcode 插件

修改默认编程语言:

command + shift + p 然后使用 LeetCode: Switch Default Language 进行设置

如果无法测试和提交题目，可以重新登录一下

golang 环境

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
Tools environment: GOPATH=/home/ubuntu/go
Installing 8 tools at /home/ubuntu/go/bin in module mode.
  gotests
  gomodifytags
  impl
  goplay
  dlv
  staticcheck
  gopls
  godef

出错: 

1
go: honnef.co/go/tools/cmd/staticcheck@latest: honnef.co/go/tools@v0.4.6: verifying module: honnef.co/go/tools@v0.4.6: Get "https://sum.golang.org/lookup/honnef.co/go/tools@v0.4.6": dial tcp: lookup sum.golang.org on 100.65.128.2:53: no such host

解决问题:

查看 go env 

1
2
3
...
GOSUMDB='sum.golang.org'
...

1
go env -w GOSUMDB=off

struct tag 插件

Go struct tag

作者 liuchao