Webcourse/00-前端工具/03-VS Code.md
2018-04-24 22:00:48 +08:00

3.4 KiB
Raw Blame History

常见操作

自动保存

 "files.autoSave": "onFocusChange"

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

如何查看代码结构

  • 方法一「Cmd + Shift + O」

  • 方法二:安装插件Code Outline

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

在新的窗口中打开文件

"workbench.editor.enablePreview": false,

常用插件

方式一打开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的时候忽略的文件及文件夹注意每一行后面有逗号最后一行没有逗号

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

{
    "host": "",     //服务器ip
    "port": 22,     //端口sftp模式是22
    "username": "", //用户名
    "password": "", //密码
    "protocol": "sftp", //模式
    "agent": null,  
    "privateKeyPath": null,
    "passphrase": null,
    "passive": false,
    "interactiveAuth": false,
    "remotePath": "/root/node/build/",  //服务器上的文件地址
    "context": "./server/build",        //本地的文件地址
    
    "uploadOnSave": true,   //监听保存并上传
    "syncMode": "update",
    "watcher": {            //监听外部文件
        "files": false,     //外部文件的绝对路径
        "autoUpload": false,
        "autoDelete": false
    },
    "ignore": [             //忽略项
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
    ]
}

Sass Formatter

Sass 文件格式化。

Code Outline显示代码结构

安装好插件「Code Outline」后可以在左侧的资源管理器中显示当前文件的代码结构

参考链接:

参考链接

常用快捷键

Win快捷键 Mac快捷键 作用 备注
Shift + Alt + F Shift + option + F 代码格式化
Ctrl + Shift + N 在当前行上面增加一行并跳至该行
Ctrl + Shift + D 复制当前行到下一行

代码格式化

如何同时打开多个窗口

问题

问题1

解决You can kill the Microsoft.VSCode.Cpp.IntelliSense.Msvc process to save the file successfully. 也就是 IntelliSense 这个进程。