抱歉，您的浏览器无法访问本站

常见配置

自动保存：

1

"files.autoSave": "onFocusChange"

参考链接：https://blog.csdn.net/WestLonly/article/details/78048049

在新的窗口中打开文件：

1

"workbench.editor.enablePreview": false,

常见操作

如何查看代码结构

• 方法一：「Cmd + Shift + O」

• 方法二：安装插件Code Outline

参考链接：https://www.zhihu.com/question/264045094

在本地开启服务器

1
2
3
4
5

# 安装
npm install -g live-server

# 启动
live-server

参考链接：Visual Studio Code + live-server编辑和浏览HTML网页

常用插件

方式一：打开VS Code，左侧有五个按钮，点击最下方的按钮，然后就可以开始安装相应的插件了。

方式二：在vscode中输入快捷键「ctrl+shift+P」，弹出指令窗口，输入extension:install，回车，左侧即打开扩展安装的界面。

sftp：文件传输

输入快捷键「ctrl+shift+P」，弹出指令窗口，输入sftp:config，回车，当前工作工程的.vscode文件夹下就会自动生成一个sftp.json文件，我们需要在这个文件里配置的是：

• host：服务器的IP地址

• username：工作站自己的用户名

• privateKeyPath：存放在本地的已配置好的用于登录工作站的密钥文件（也可以是ppk文件）

• remotePath：工作站上与本地工程同步的文件夹路径，需要和本地工程文件根目录同名，且在使用sftp上传文件之前，要手动在工作站上mkdir生成这个根目录

• ignore：指定在使用sftp: sync to remote的时候忽略的文件及文件夹，注意每一行后面有逗号，最后一行没有逗号

举例如下：(注意，其中的注释不能保留)

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
27

{
    "host": "",     //服务器ip
    "port": 22,     //端口，sftp模式是22
    "username": "", //用户名
    "password": "", //密码
    "protocol": "sftp", //模式
    "agent": null,
    "privateKeyPath": null,
    "passphrase": null,
    "passive": false,
    "interactiveAuth":