VS Code开发技巧集锦

最新推荐文章于 2024-03-13 00:33:59 发布
最新推荐文章于 2024-03-13 00:33:59 发布
阅读量2.5w 收藏 21
点赞数 1
分类专栏： 编辑器 文章标签： VSCode


  1. 入门
  2. 自定义
  3. 扩展
  4. 文件/文件夹管理
  5. 编辑技巧
  6. 智能感应功能
  7. 代码片段
  8. Git集成
  9. 调试
  10. 任务运行

下文提及的快捷键可能与机器最新设置不符，请参考官方快捷键说明。

1.入门

打开命令面板

轻松找出VS Code所有可用命令。

Mac：cmd+shift+p or f1

Windows / Linux：ctrl+shift+p or f1

快捷键偏好设置

所有命令（及其快捷键）均显示在命令面板中。如果忘记了如何操作，可随时查看。

快速打开

快速打开文件，运行命令（见下文）

Mac: cmd+p

Windows / Linux: ctrl+p

键入“?”获取帮助。

将命令复制粘贴到快速打开中

键入cmd+p ，然后粘贴想要运行的命令，浏览扩展（插件）市场时尤为适用。

命令行参数

  • Linux: Follow instructions here.
  • Windows: Follow instructions here.
  • Mac: see below.

Linux指南和Windows指南参考：http://code.visualstudio.com/docs/setup/setup-overview。

Mac指南见下文：

打开命令面板（F1）→键入“shell command”→回车键执行“Shell Command: Install ‘code’ command in PATH”。

# create a new window
code -n

# change the language
code --locale=es

# open diff editor
code --diff <file1> <file2>

# see help options
code --help

.vscode文件夹

工作区文件夹在 .vscode中，比如任务运行是tasks.json，检查漏洞是launch.json。

状态栏效果

  • 错误和警告

Mac: shift+cmd+m

Windows / Linux: ctrl+shift+m

快速跳转到错误和警告。

按f8或shift+f8，循环错误检查。

  • 更新扩展

更新扩展提示会出现在左下角状态栏。

  • 更改语言模式

Mac: cmd+k m

Windows / Linux: ctrl+k m

2. 个人设置

这一部分个人发挥的空间很大，完整信息请参考：http://code.visualstudio.com/docs/customization/overview。

设置编辑器

打开settings.json。

Mac: cmd+,

Windows / Linux: File -> Preferences -> User Settings

更改字体大小：”editor.fontSize”: 18

更改标签大小：”editor.tabSize”: 4

空格/标签：”editor.insertSpaces”: true

忽略文件/文件夹

清除编辑窗口中的文件/文件夹。

"files.exclude": {
        "somefolder/": true,
        "somefile": true
}

清除搜索结果中的文件/文件夹。

"search.exclude": {
    "someFolder/": true,
    "somefile": true
}

更多内容请参考：http://code.visualstudio.com/docs/customization/userandworkspace。

预览主题

JSON验证

很多文件默认设置了json验证，可以在settings.json中创建自己的验证模式：

"json.schemas": [
    {
        "fileMatch": [
            "/bower.json"
        ],
        "url": "http://json.schemastore.org/bower"
    }
]

对于工作区中的模式：

"json.schemas": [
    {
        "fileMatch": [
            "/foo.json"
        ],
        "url": "./myschema.json"
    }
]

自定义模式：

"json.schemas": [
    {
        "fileMatch": [
            "/.myconfig"
        ],
        "schema": {
            "type": "object",
            "properties": {
                "name" : {
                    "type": "string",
                    "description": "The name of the entry"
                }
            }
        }
    },

更多内容请参考：http://code.visualstudio.com/docs/languages/json。

3.扩展

贡献点

参考：http://code.visualstudio.com/docs/extensionAPI/extension-points

  • 配置
  • 命令
  • 快捷键
  • 语言
  • 调试器
  • 语法
  • 主题
  • 代码片段
  • json验证

找到扩展

  1. 官方VS Code市场；
  2. 搜索产品（见下文）；
  3. 浏览扩展推荐（见下文）；
  4. 社区扩展产品，如awesome-vscode。

安装扩展

Mac：cmd+shift+p

Windows / Linux：ctrl+shift+p

然后键入“ext install”。选择合适的扩展，再按回车键。

扩展推荐

Mac: cmd+shift+p

Windows / Linux: ctrl+shift+p

键入“ext”→选择“Show Extension Recommendations”

卸载扩展

Mac: cmd+shift+p

Windows / Linux: ctrl+shift+p

键入“ext”→选择“Show Installed Extensions”→点击extension card右下角的“x”

4.文件和文件夹管理

OS X布局

使用任务控制，将终端窗口和VS Code放在同一个屏幕上，就得到一个整合的终端啦！

自动保存

用cmd+,打开settings.json：

"files.autoSave": "afterDelay"

开启侧边栏

Mac: cmd+b

Windows / Linux: ctrl+b

分割（Side by side）编辑

Mac: cmd+\ or cmd then click a file from the file browser.

Windows / Linux: ctrl+\

Linux: ctrl+2

编辑器切换

Mac: cmd+1, cmd+2, cmd+3

Windows / Linux: ctrl+1, ctrl+2, ctrl+3

切换到资源管理器窗口（explorer window）

Mac: cmd+shift+e

Windows / Linux: ctrl+shift+e

关闭当前文件夹

Linux: ctrl+k f

历史

用ctrl+tab来浏览历史

向后浏览：

Mac: ctrl+-

Windows / Linux: alt+left

向前浏览：

Mac: ctrl+shift+up

Windows / Linux: alt+right

打开文件

Mac: cmd+e or cmd+p

Windows / Linux: ctrl+e or ctrl+p

文件关联

为无法精确检测的文件设置语言关联（即配置文件）：

"file.associations": {
    ".eslintrc": "json"
}

5.编辑技巧

括号匹配

更多内容请参考：http://code.visualstudio.com/docs/editor/editingevolved

Mac: cmd+shift+\

Windows / Linux: ctrl+shift+\

多游标选择

更多内容请参考：http://code.visualstudio.com/docs/editor/editingevolved

Mac: opt+cmd+up or opt+cmd+down

Windows: ctrl+alt+up or ctrl+alt+down

Linux: alt+shift+up or alt+shift+down

为当前选择添加游标。

复制一行

Mac: opt+shift+up or opt+shift+down

Windows / Linux(Issue #5363): shift+alt+down or shift+alt+up

缩小/扩大选择

更多内容请参考：http://code.visualstudio.com/docs/editor/editingevolved

Mac: ctrl+shift+cmd+left or ctrl+shift+cmd+right

Windows / Linux: shift+alt+left or shift+alt+right

符号查找

Mac: cmd+shift+o

Windows / Linux: ctrl+shift+o

定位特定的一行

Mac: ctrl+g or cmd+p , :

Windows / Linux: ctrl+g

撤销游标位置

Mac: cmd+u

Windows / Linux: ctrl+u

上下移动一行

Mac: opt+up or opt+down

Windows / Linux: alt+up or alt+down

修整行尾空格

Mac: cmd+shift+x

Windows / Linux: ctrl+shift+x

代码格式化

Mac: opt+shift+f

Windows / Linux: shift+alt+f

代码折叠

Mac: shift+cmd+[ and shift+cmd+]

Windows / Linux: ctrl+shift+[ and ctrl+shift+]

选择当前一行

Mac: cmd+i

Windows / Linux: ctrl+i

回到文件开端/末尾

Mac: cmd+up and cmd+down

Windows: ctrl+up and ctrl+down

Linux: ctrl+home and ctrl+end

打开README预览

在markdown文件中使用：

Mac: shift+cmd+v

Windows / Linux: ctrl+shift+v

分割（Side by Side）Markdown编辑和预览

在markdown文件中使用：

Linux: ctrl+k v

6.智能感应

试用ctrl+space来启动建议栏，这一条可以说是最有用的建议了。

可浏览可用的方法、参数以及简短文档等等。

预览（peek）

选择一个符号，键入alt+f12，或者使用快捷菜单。

转到定义

选择一个符号，键入f12，或者使用快捷菜单。

查找所有引用

选择一个符号，键入shift+f12，或者使用快捷菜单。

符号重命名

选择一个符号，键入f2，或者使用快捷菜单。

jsconfig.json

在javascript源文件根上配置jsconfig.json，就可以使用ES6了。

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs"
    }, "exclude": [
        "npm_modules"
    ]
}

.eslintrc.json

安装eslint extension。按照个人喜好配置。具体说明参考：http://eslint.org/docs/user-guide/configuring

以下是使用es6的配置。

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true
    },
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true,
            "classes": true,
            "defaultParams": true
        }
    },
    "rules": {
        "no-const-assign": 1,
        "no-extra-semi": 0,
        "semi": 0,
        "no-fallthrough": 0,
        "no-empty": 0,
        "no-mixed-spaces-and-tabs": 0,
        "no-redeclare": 0,
        "no-this-before-super": 1,
        "no-undef": 1,
        "no-unreachable": 1,
        "no-use-before-define": 0,
        "constructor-super": 1,
        "curly": 0,
        "eqeqeq": 0,
        "func-names": 0,
        "valid-typeof": 1
    }
}

package.json

参考package.json文件中的智能感应功能。

安装typings应用

安装typings来引进.d.ts文件来激活javascript智能感应功能。

npm install typings --global

# Search for definitions.
typings search tape

# Find an available definition (by name).
typings search --name react

# Install typings (DT is "ambient", make sure to enable the flag and persist the selection in `typings.json`).
typings install react --ambient --save

install会创建一个typings文件夹。VS Code会引用.d.ts文件来启动智能感应功能。

Emmet语法

Emmet语法支持

7.代码片段

创建自定义代码

File -> Preferences -> User Snippets，选择语言，创建代码片段。

"create component": {
    "prefix": "component",
    "body": [
        "class $1 extends React.Component {",
        "",
        "   render() {",
        "       return ($2);",
        "   }",
        "",
        "}"
    ]
},

更多内容请参考：http://code.visualstudio.com/docs/customization/userdefinedsnippets

8.Git集成

Git工作流的流畅集成。

Diffs

点击Git图标，选择要diff的文件。

分割（Side by side）

默认的是分割diff。

内联视图

点击下图所示的“more”选项来启动内联视图。

分支

通过状态栏可轻松切换分支。

Staging

  • Stage所有文件

一次选择多个文件，再点击加号按钮。

  • Stage选择

Stage文件一部分的方法是：使用箭头选择该文件，然后点击“more”按钮来stage“selected lines”。

撤销最近一次命令

查看Git输出

有时难免需要了解工具的运行状况。有了VS Code，查看正在运行的命令更简单，这对于Git学习或是解决源代码管理问题尤为有帮助。

Mac: shift+cmd+u

Windows / Linux: ctrl+shift+u

运行toggleOutput要下拉选择Git。

边槽指示器

查看编辑器中的diff设置。更多内容请参考：http://code.visualstudio.com/docs/editor/editingevolved

消除合并冲突

在合并时点击git图标，在diff view里做更改。

将VS Code设置为默认合并工具

git config --global merge.tool code

9.调试

配置调试器

点击F1，选择“Debug: Open Launch.json”，再选择环境，随后产生一个launch.json文件。Node.js等环境可以直接运行，可能需要额外配置其他语言。更多内容请参考：http://code.visualstudio.com/docs/editor/debugging

断点和逐句通过

断点应在行数旁边。用调试插件向前浏览。

数据检查

检查变量在调试面板和控制台里。

10.任务运行

自动检测任务

按下f1，键入“Configure Task”，然后选择“Configure Task Runner”，会生成一个task.json文件，内容如下。更多内容请参考：http://code.visualstudio.com/docs/editor/tasks

{
    // See http://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "command": "npm",
    "isShellCommand": true,
    "showOutput": "always",
    "suppressTaskName": true,
    "tasks": [
        {
            "taskName": "install",
            "args": ["install"]
        },
        {
            "taskName": "build",
            "args": ["run", "build"]
        }
    ]
}

自动生成有时会出问题。参考上文的网址来了解正确操作方法。

在命令面板上运行任务

点击f1，运行命令“Run Task”，然后选择要运行的任务。运行“Terminate Running Task”来终止运行该命令。

  1. 入门
  2. 自定义
  3. 扩展
  4. 文件/文件夹管理
  5. 编辑技巧
  6. 智能感应功能
  7. 代码片段
  8. Git集成
  9. 调试
  10. 任务运行

下文提及的快捷键可能与机器最新设置不符，请参考官方快捷键说明。

1.入门

打开命令面板

轻松找出VS Code所有可用命令。

Mac：cmd+shift+p or f1

Windows / Linux：ctrl+shift+p or f1

快捷键偏好设置

所有命令（及其快捷键）均显示在命令面板中。如果忘记了如何操作，可随时查看。

快速打开

快速打开文件，运行命令（见下文）

Mac: cmd+p

Windows / Linux: ctrl+p

键入“?”获取帮助。

将命令复制粘贴到快速打开中

键入cmd+p ，然后粘贴想要运行的命令，浏览扩展（插件）市场时尤为适用。

命令行参数

  • Linux: Follow instructions here.
  • Windows: Follow instructions here.
  • Mac: see below.

Linux指南和Windows指南参考：http://code.visualstudio.com/docs/setup/setup-overview。

Mac指南见下文：

打开命令面板（F1）→键入“shell command”→回车键执行“Shell Command: Install ‘code’ command in PATH”。

# create a new window
code -n

# change the language
code --locale=es

# open diff editor
code --diff <file1> <file2>

# see help options
code --help

.vscode文件夹

工作区文件夹在 .vscode中，比如任务运行是tasks.json，检查漏洞是launch.json。

状态栏效果

  • 错误和警告

Mac: shift+cmd+m

Windows / Linux: ctrl+shift+m

快速跳转到错误和警告。

按f8或shift+f8，循环错误检查。

  • 更新扩展

更新扩展提示会出现在左下角状态栏。

  • 更改语言模式

Mac: cmd+k m

Windows / Linux: ctrl+k m

2. 个人设置

这一部分个人发挥的空间很大，完整信息请参考：http://code.visualstudio.com/docs/customization/overview。

设置编辑器

打开settings.json。

Mac: cmd+,

Windows / Linux: File -> Preferences -> User Settings

更改字体大小：”editor.fontSize”: 18

更改标签大小：”editor.tabSize”: 4

空格/标签：”editor.insertSpaces”: true

忽略文件/文件夹

清除编辑窗口中的文件/文件夹。

"files.exclude": {
        "somefolder/": true,
        "somefile": true
}

清除搜索结果中的文件/文件夹。

"search.exclude": {
    "someFolder/": true,
    "somefile": true
}

更多内容请参考：http://code.visualstudio.com/docs/customization/userandworkspace。

预览主题

JSON验证

很多文件默认设置了json验证，可以在settings.json中创建自己的验证模式：

"json.schemas": [
    {
        "fileMatch": [
            "/bower.json"
        ],
        "url": "http://json.schemastore.org/bower"
    }
]

对于工作区中的模式：

"json.schemas": [
    {
        "fileMatch": [
            "/foo.json"
        ],
        "url": "./myschema.json"
    }
]

自定义模式：

"json.schemas": [
    {
        "fileMatch": [
            "/.myconfig"
        ],
        "schema": {
            "type": "object",
            "properties": {
                "name" : {
                    "type": "string",
                    "description": "The name of the entry"
                }
            }
        }
    },

更多内容请参考：http://code.visualstudio.com/docs/languages/json。

3.扩展

贡献点

参考：http://code.visualstudio.com/docs/extensionAPI/extension-points

  • 配置
  • 命令
  • 快捷键
  • 语言
  • 调试器
  • 语法
  • 主题
  • 代码片段
  • json验证

找到扩展

  1. 官方VS Code市场；
  2. 搜索产品（见下文）；
  3. 浏览扩展推荐（见下文）；
  4. 社区扩展产品，如awesome-vscode。

安装扩展

Mac：cmd+shift+p

Windows / Linux：ctrl+shift+p

然后键入“ext install”。选择合适的扩展，再按回车键。

扩展推荐

Mac: cmd+shift+p

Windows / Linux: ctrl+shift+p

键入“ext”→选择“Show Extension Recommendations”

卸载扩展

Mac: cmd+shift+p

Windows / Linux: ctrl+shift+p

键入“ext”→选择“Show Installed Extensions”→点击extension card右下角的“x”

4.文件和文件夹管理

OS X布局

使用任务控制，将终端窗口和VS Code放在同一个屏幕上，就得到一个整合的终端啦！

自动保存

用cmd+,打开settings.json：

"files.autoSave": "afterDelay"

开启侧边栏

Mac: cmd+b

Windows / Linux: ctrl+b

分割（Side by side）编辑

Mac: cmd+\ or cmd then click a file from the file browser.

Windows / Linux: ctrl+\

Linux: ctrl+2

编辑器切换

Mac: cmd+1, cmd+2, cmd+3

Windows / Linux: ctrl+1, ctrl+2, ctrl+3

切换到资源管理器窗口（explorer window）

Mac: cmd+shift+e

Windows / Linux: ctrl+shift+e

关闭当前文件夹

Linux: ctrl+k f

历史

用ctrl+tab来浏览历史

向后浏览：

Mac: ctrl+-

Windows / Linux: alt+left

向前浏览：

Mac: ctrl+shift+up

Windows / Linux: alt+right

打开文件

Mac: cmd+e or cmd+p

Windows / Linux: ctrl+e or ctrl+p

文件关联

为无法精确检测的文件设置语言关联（即配置文件）：

"file.associations": {
    ".eslintrc": "json"
}

5.编辑技巧

括号匹配

更多内容请参考：http://code.visualstudio.com/docs/editor/editingevolved

Mac: cmd+shift+\

Windows / Linux: ctrl+shift+\

多游标选择

更多内容请参考：http://code.visualstudio.com/docs/editor/editingevolved

Mac: opt+cmd+up or opt+cmd+down

Windows: ctrl+alt+up or ctrl+alt+down

Linux: alt+shift+up or alt+shift+down

为当前选择添加游标。

复制一行

Mac: opt+shift+up or opt+shift+down

Windows / Linux(Issue #5363): shift+alt+down or shift+alt+up

缩小/扩大选择

更多内容请参考：http://code.visualstudio.com/docs/editor/editingevolved

Mac: ctrl+shift+cmd+left or ctrl+shift+cmd+right

Windows / Linux: shift+alt+left or shift+alt+right

符号查找

Mac: cmd+shift+o

Windows / Linux: ctrl+shift+o

定位特定的一行

Mac: ctrl+g or cmd+p , :

Windows / Linux: ctrl+g

撤销游标位置

Mac: cmd+u

Windows / Linux: ctrl+u

上下移动一行

Mac: opt+up or opt+down

Windows / Linux: alt+up or alt+down

修整行尾空格

Mac: cmd+shift+x

Windows / Linux: ctrl+shift+x

代码格式化

Mac: opt+shift+f

Windows / Linux: shift+alt+f

代码折叠

Mac: shift+cmd+[ and shift+cmd+]

Windows / Linux: ctrl+shift+[ and ctrl+shift+]

选择当前一行

Mac: cmd+i

Windows / Linux: ctrl+i

回到文件开端/末尾

Mac: cmd+up and cmd+down

Windows: ctrl+up and ctrl+down

Linux: ctrl+home and ctrl+end

打开README预览

在markdown文件中使用：

Mac: shift+cmd+v

Windows / Linux: ctrl+shift+v

分割（Side by Side）Markdown编辑和预览

在markdown文件中使用：

Linux: ctrl+k v

6.智能感应

试用ctrl+space来启动建议栏，这一条可以说是最有用的建议了。

可浏览可用的方法、参数以及简短文档等等。

预览（peek）

选择一个符号，键入alt+f12，或者使用快捷菜单。

转到定义

选择一个符号，键入f12，或者使用快捷菜单。

查找所有引用

选择一个符号，键入shift+f12，或者使用快捷菜单。

符号重命名

选择一个符号，键入f2，或者使用快捷菜单。

jsconfig.json

在javascript源文件根上配置jsconfig.json，就可以使用ES6了。

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs"
    }, "exclude": [
        "npm_modules"
    ]
}

.eslintrc.json

安装eslint extension。按照个人喜好配置。具体说明参考：http://eslint.org/docs/user-guide/configuring

以下是使用es6的配置。

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true
    },
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true,
            "classes": true,
            "defaultParams": true
        }
    },
    "rules": {
        "no-const-assign": 1,
        "no-extra-semi": 0,
        "semi": 0,
        "no-fallthrough": 0,
        "no-empty": 0,
        "no-mixed-spaces-and-tabs": 0,
        "no-redeclare": 0,
        "no-this-before-super": 1,
        "no-undef": 1,
        "no-unreachable": 1,
        "no-use-before-define": 0,
        "constructor-super": 1,
        "curly": 0,
        "eqeqeq": 0,
        "func-names": 0,
        "valid-typeof": 1
    }
}

package.json

参考package.json文件中的智能感应功能。

安装typings应用

安装typings来引进.d.ts文件来激活javascript智能感应功能。

npm install typings --global

# Search for definitions.
typings search tape

# Find an available definition (by name).
typings search --name react

# Install typings (DT is "ambient", make sure to enable the flag and persist the selection in `typings.json`).
typings install react --ambient --save

install会创建一个typings文件夹。VS Code会引用.d.ts文件来启动智能感应功能。

Emmet语法

Emmet语法支持

7.代码片段

创建自定义代码

File -> Preferences -> User Snippets，选择语言，创建代码片段。

"create component": {
    "prefix": "component",
    "body": [
        "class $1 extends React.Component {",
        "",
        "   render() {",
        "       return ($2);",
        "   }",
        "",
        "}"
    ]
},

更多内容请参考：http://code.visualstudio.com/docs/customization/userdefinedsnippets

8.Git集成

Git工作流的流畅集成。

Diffs

点击Git图标，选择要diff的文件。

分割（Side by side）

默认的是分割diff。

内联视图

点击下图所示的“more”选项来启动内联视图。

分支

通过状态栏可轻松切换分支。

Staging

  • Stage所有文件

一次选择多个文件，再点击加号按钮。

  • Stage选择

Stage文件一部分的方法是：使用箭头选择该文件，然后点击“more”按钮来stage“selected lines”。

撤销最近一次命令

查看Git输出

有时难免需要了解工具的运行状况。有了VS Code，查看正在运行的命令更简单，这对于Git学习或是解决源代码管理问题尤为有帮助。

Mac: shift+cmd+u

Windows / Linux: ctrl+shift+u

运行toggleOutput要下拉选择Git。

边槽指示器

查看编辑器中的diff设置。更多内容请参考：http://code.visualstudio.com/docs/editor/editingevolved

消除合并冲突

在合并时点击git图标，在diff view里做更改。

将VS Code设置为默认合并工具

git config --global merge.tool code

9.调试

配置调试器

点击F1，选择“Debug: Open Launch.json”，再选择环境，随后产生一个launch.json文件。Node.js等环境可以直接运行，可能需要额外配置其他语言。更多内容请参考：http://code.visualstudio.com/docs/editor/debugging

断点和逐句通过

断点应在行数旁边。用调试插件向前浏览。

数据检查

检查变量在调试面板和控制台里。

10.任务运行

自动检测任务

按下f1，键入“Configure Task”，然后选择“Configure Task Runner”，会生成一个task.json文件，内容如下。更多内容请参考：http://code.visualstudio.com/docs/editor/tasks

{
    // See http://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "command": "npm",
    "isShellCommand": true,
    "showOutput": "always",
    "suppressTaskName": true,
    "tasks": [
        {
            "taskName": "install",
            "args": ["install"]
        },
        {
            "taskName": "build",
            "args": ["run", "build"]
        }
    ]
}

自动生成有时会出问题。参考上文的网址来了解正确操作方法。

在命令面板上运行任务

点击f1，运行命令“Run Task”，然后选择要运行的任务。运行“Terminate Running Task”来终止运行该命令。

TTUZ
关注
  • 1
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vscode_abap_remote_fs:ABAP系统的远程文件系统
03-11
用于Visual Studio代码的ABAP远程文件系统（测试版） 将Visual Studio代码转换为用于ABAP开发的IDE，直接在您的SAP服务器上运行。 与具有ADT的Eclipse相比，它的功能更弱，更具bug，但响应速度更快，并且具有Eclipse中未发现的一些额外功能，例如通过传输列出更改的源以及在差异视图中规范化更改 入门 最简单的方法是先通过运行命令与ABAP服务器建立连接 AbapFs创建连接 并按照说明进行操作，然后运行命令 AbapFs连接到ABAP系统 连接到它。 您的abap代码将显示在左侧的文件树中。 您还可以使用命令按名称查找ABAP对象 AbapFs搜索对象 链接 除非您的系统非常现代（我认为是7.51或更高版本），否则要提供写支持，则需要在开发服务器中安装才能启用。 浏览作品即使没有它 提供的语法高亮显示，没有它，图片太picture脚了:)
关于某些 Visual Studio Code 扩展程序无法在浏览器中运行的原因
SAP 资深技术专家 Jerry Wang 的技术分享
11-25 2980
只有一部分扩展程序可以在浏览器中运行。 您可以使用“扩展”视图在 Web 中安装扩展，无法安装的扩展将显示警告图标和“了解原因”链接。 安装扩展程序时，它会保存在浏览器的本地存储中。 通过启用设置同步，您可以确保您的扩展在 VS Code 实例之间同步，包括不同的浏览器甚至桌面。 当扩展包包含不在浏览器沙箱中运行的扩展时，您将收到一条信息性消息，其中包含查看包中包含的扩展的选项。 当扩展在浏览器沙箱中执行时，它们会受到更多限制。 纯粹声明性的扩展（例如大多数主题、片段或语法）可以不加修改地运行，并且可以
在vscode运行ts脚本 （mac）
独立游戏开发
02-28 1229
vscode中运行ts代码
使用Visual Studio Code进行ABAP开发
09-05 895
长期以来，我们都使用SAP GUI进行ABAP编码工作，事务代码SE38甚至成了ABAP的代名词。 SAP GUI的代码编辑能力和一些专业的IDE比较起来难免相形见绌，为了给开发者们更好的体验，SAP推出了基于Eclipse的ABAP开发工具：ABAP Development Tools for Eclipse，简称ADT。 ADT有很多便利之处，比如方便的代码提示，代码高亮，"万能键"Ctrl+1，强大的搜索功能，便捷的SQL Console和Data Preivew....已经成为现代AB...
【深度学习】vscode实现代码跳转功能
Mecaly的博客
06-19 5888
使用VSCode实现代码跳转功能
vscode代码跳转快捷键
热门推荐
01-23 1万+
windows默认： 跳转至定义：F12或者ctrl+单击 向前跳转：alt+← 向后跳转：alt+→ 也可以根据个人习惯自定义快捷键： 文件 - 首选项 - 键盘快捷方式 - 打开json 修改navigateBack和navigateForward的快捷键。 { "key": "ctrl+alt+left", "command": "workbench.action.navigateBack" }, { "key": "ctrl+alt+right",
浅谈Codewarrior局部优化技巧
07-27
这里我给大家分享的一种折衷的办法，局部优化，即实现单独对代码中某个函数或者某个C文件进行优化，这样就可以保证对优化带来的风险进行有效的控制。
ABAP 开发技巧
02-04
区别CALL SCREEN/SET SCREEN/LEAVE TO SCREEN ABAP-SAP的几种（代）出口类型 Web_dynpro-关于WEB...开发注意小技巧 UP TO X ROWS 用法 ABAP的基本的知识 如何使用SMOD和CMOD进行SD的用户增强 ABAP面试题及其解答
WindowsPhone实用开发技巧_Code_源码
08-17
WindowsPhone实用开发技巧_Code_源码，是我发布的windowsPhone实用开发技巧教程 的源码
.NET Compact Framework开发技巧大串烧(PPT Code QA)
02-15
MSDN Webcast .NET Compact Framework开发技巧大串烧 PPT Code QA
值得收藏，Python 开发中的高级技巧
12-23
Python 开发中有哪些高级技巧？这是知乎上一个问题，我总结了一些常见的技巧在这里，可能谈不上多高级，但掌握这些至少可以让你的代码看起来 Pythonic 一点。如果你还在按照类C语言的那套风格来写的话，在 code ...
VSCode 配置 在命令行中通过code 命令打开指定文件
enternal07的专栏
08-20 3843
Mac Visual Studio Code的扩展工具菜单中有Install command line的快捷安装 运行 VS code并打开命令面板（ ⇧⌘P ），然后输入 code找到:Install ‘code' command in PATH，点击安装就行了。 选中箭头指定内容，既可以在命令行中，通过code 路径地址，在VScode中打开路径对应的文件夹或者目录。 更多详细内容参考： 链接链接2 ...
vscode文件之间跳转
tt1234561009的博客
04-28 1425
【代码】vscode组件之间跳转。
VsCode 跳转函数，返回操作
m0_70572045的博客
02-02 1762
要跳转到函数的定义位置，可以按下 `Ctrl + Alt + -`。这个快捷键可以帮助你跳转回之前的位置。要跳转到函数的定义位置，可以按下 `Ctrl + 左键单击` 或者 `F12` 键。要跳转回之前的位置，可以使用快捷键 `Alt + 左方向键`。要跳转到函数的定义位置，可以按下 `Ctrl + 左键单击`注释 ctrl+/查找 ctrl+f。替换 ctrl+h。取消注释 ctrl+/
Visual Studio Code | VSCode设置语言
九七的博客
07-24 5918
本节讲述如何设置VSCode的语言（如中文、英文等）。
vscode源码解析（五）- 多进程通信（一）
最新发布
咻咻咻的博客
03-13 825
vscode多进程通信，channel部分解析
VSCode汉化以及跳转到函数定义设置
qq_52251819的博客
02-15 812
一、点击这个进行插件安装二、输入c/c++对它进行安装三、点击它的扩展设置四、清空搜索框，输入go to definition五、将这两个选项改成goto六、这时候右键函数名便可跳到定义，或者直接按F12也可以。
vscode源码解析（四） - 事件系统
咻咻咻的博客
03-12 692
vscode的事件系统源码解析
嵌入式科普(9)vscode无法跳转和恢复默认配置
cl234583745的博客
01-05 1117
1、2024年的第一天突然vscode无法跳转,莫名其妙2、尝试了各种设置和插件都无效，卸载重装vscode也无效，删除C:\Users\jerry.vscode也无效3、搜索“vscode无法跳转”，查不到有效的解决办法3、根本原因Intelli Sense Engine 和 vscode如何一键恢复默认配置。
vs code怎么做小程序开发
09-08
要在VS Code中进行小程序开发，你可以按照以下步骤进行操作。 首先，你需要安装VS Code编辑器。你可以从官方网站下载并按照指示进行安装。 然后，安装微信小程序开发工具。你可以在微信官方网站上下载并进行安装。 接下来，打开VS Code编辑器，在插件市场搜索并安装适合小程序开发的插件，例如WeChat Snippets、WeChat Flow等。这些插件可以提供小程序开发的语法高亮、代码片段和自动补全等功能，方便你的开发工作。 接着，进入你的小程序项目文件夹，点击VS Code的资源管理器视图，在项目根目录下打开终端。 然后，运行微信小程序开发工具，点击“本地开发者工具设置”并选择“编辑器设置”，将编辑器路径设置为VS Code的安装路径。 在VS Code中进行小程序开发时，你可以使用插件提供的代码片段、自动补全等功能来快速编写代码。可以使用Ctrl+S保存并自动触发微信小程序开发工具的重载操作，从而在工具中查看你的代码变化。 最后，在VS Code编辑器中，你可以使用调试功能对小程序进行调试和测试，通过添加断点、查看变量值等方式来调试代码。 通过以上步骤，你就可以在VS Code中进行小程序开发了。记得不断学习和探索，提高你的开发技巧。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值