vscode使用心得

1. 点击setting的时候，出现的是json编辑界面，要点一下右上角的一页纸一样的图标来切换到视图界面；
   
   

2. 代码编辑界面中，如果代码超出界面框会自动换行，而不是出现滚动条，则按alt+z可以出现滚动条；
   
   

3. 用command+f查找后，按alt+enter可以全选查找内容；
   
   

4. 最好不要用一个插件叫indent rainbow，对于大文件会拖慢速度，对于大文件，还要在setting.json中加入：

   复制代码"files.autoSave": "onWindowChange",

   1
   2
   "files.autoSave": "onWindowChange",
   

   不然老是会保存；
   
   

5. command+shift+p是执行命令，command+p是快速搜索并打开文件；
   
   

6. command+j 打开或关闭下方的命令行；
   
   

7. 设置重启快捷键：command+k，command+s调出快捷键设置，然后，搜索reloadWindow，出来的几个选项中，默认是command+r的那个，右键点击，选择“change when expression”，改变出发时间为：editorTextFocus；
   
   

8. setting中，如果用了eslint来format代码，就不要用vetur.format.defaultFormatter.js和vetur.format.defaultFormatter.html了，这两个都给设置成“none”；
   
   

9. vscode中，如果打一个字母，按tab键，却无故给变成html标签，这可能是emmet.triggerExpansionOnTab被设置成true了；
   
   

10. golang开发配置，在项目文件夹下新建".vscode"文件夹，并在里面新建"setting.json"文件，内容如下：

1
2
3
4
{
    "go.gopath": "D:\GoPath;D:\Documents\my_projects\go_web_view_demo",
}

11. 如果遇到go的一些依赖库安装失败的，可以手动build：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
go get -v -u github.com/mdempsky/gocode                    gocode
go get -v -u github.com/uudashr/gopkgs/cmd/gopkgs    gopkgs
go get -v -u github.com/ramya-rao-a/go-outline              go-outline
go get -v -u github.com/acroca/go-symbols               go-symbols
go get -v -u golang.org/x/tools/cmd/guru                guru
go get -v -u golang.org/x/tools/cmd/gorename            gorename
go get -v -u github.com/derekparker/delve/cmd/dlv       dlv
go get -v -u github.com/stamblerre/gocod                      gocode-gomod
go get -v -u github.com/rogpeppe/godef                      godef
go get -v -u github.com/ianthehat/godef                     godef-gomod
go get -v -u github.com/sqs/goreturns                       goreturns
go get -v -u golang.org/x/lint/golint                       golint

go build -o %GOPATH%\bin\gocode.exe github.com/mdempsky/gocode
go build -o %GOPATH%\bin\gopkgs.exe github.com/uudashr/gopkgs/cmd/gopkgs%
go build -o %GOPATH%\bin\go-outline.exe github.com/ramya-rao-a/go-outline%
go build -o %GOPATH%\bin\go-symbols.exe github.com/acroca/go-symbols%
go build -o %GOPATH%\bin\guru.exe golang.org/x/tools/cmd/guru%
go build -o %GOPATH%\bin\gorename.exe golang.org/x/tools/cmd/gorename%
go build -o %GOPATH%\bin\dlv.exe github.com/derekparker/delve/cmd/dlv%
go build -o %GOPATH%\bin\gocode-gomod.exe github.com/stamblerre/gocode
go build -o %GOPATH%\bin\godef.exe github.com/rogpeppe/godef
go build -o %GOPATH%\bin\godef-gomod.exe github.com/ianthehat/godef
go build -o %GOPATH%\bin\goreturns.exe github.com/sqs/goreturns%
go build -o %GOPATH%\bin\golint.exe golang.org/x/lint/golint

1
2
手动将所有的.exe文件放入%Goroot%bin 文件夹下 ；<br><br>

12. 使用“setting sync”扩展插件来上传和下载配置文件；
    
    

13. 更改vscode中，变量选中后，后续相同变量的背景颜色，vscode其实自带了更改项。

在setting.json中添加如下字段即可，颜色可以自定义修改，选择自己喜欢的颜色即可。

1
2
3
4
5
6
    "workbench.colorCustomizations": {
        "editor.selectionBackground": "#d1d1c6",
        "editor.selectionHighlightBackground": "#c5293e"
    
    }

14. View->render whitespace可以选择是否将空格变成圆点；
    
    

15. 复制代码 "emmet.triggerExpansionOnTab": false, // 这样就不会按tab却变成补全html了 "emmet.includeLanguages": { "vue-html": "html", "vue": "html", "wxml": "html", //"javascript": "javascriptreact" // 这样在js中就不会出现emmet的提示了 },

    1
    2
    3
    4
    5
    6
    7
    8
      "emmet.triggerExpansionOnTab": false,  // 这样就不会按tab却变成补全html了
       "emmet.includeLanguages": {
           "vue-html": "html",
           "vue": "html",
           "wxml": "html",
           //"javascript": "javascriptreact"  // 这样在js中就不会出现emmet的提示了
       },
    

16. vscode默认是按住ctrl+alt+down来向下选中多个游标的；
    
    

17. 在html文件中注释javascript代码时，出现不正确的注释，往往是装了jinja2或者django扩展导致，直接删了就好；
    
    

18. vscode-go中，添加自定义user snippets的话，添加go.json是没用的，因为go插件加载的go.json是C:Userszhilong.vscodeextensionsms-vscode.go-0.13.0snippetsgo.json，而不是user下的go.json，这时，就要在user snippets下添加go.json.code-snippets，这是一个全局的snippets，可以在里面自定义go的snippets；
    
    

19. 在snippet中，处在一个$1光标处，如果不想跳到下一个光标，又想换行，则用ctrl+enter；
    
    

20. vscode中，html要给选中的东西添加父元素，只需要在setting->keyboard shortcuts中，搜索关键字：Emmet: Wrap With Abbreviation， 然后给它设置个快捷键就好，设置好后的具体操作是：比如，我想给<p> test </p>添加一个父元素div，我只要选中这一块文字，然后按设置好的快捷键，这时会弹出个输入框，我们输入div，即可以给这个元素包裹进div里面了；
    
    

最后

以上就是时尚花生最近收集整理的关于vscode使用心得的全部内容，更多相关vscode使用心得内容请搜索靠谱客的其他文章。