欢迎光临散文网 会员登陆 & 注册

VS Code 启程-介绍视频-代码编辑

2023-07-10 18:11 作者:凫水亿  | 我要投稿

本文章是up翻译的,侵权即删

在 VS Code 中编辑代码

在本篇教程中,我们涉及到编辑及运行小代码段,特性要点在下文中列出。阅读完本篇概要之后,如果想了解更多特性,请参阅 相关资源

Linux 用户:  确保您已为Linux 发行版正确安装多媒体代码。举例:在 Ubuntu上,你可能需要安装 ubuntu-restricted-extras 获取必要代码来播放视频

这里是我们推荐下一个的视频:生产力小技巧(https://code.visualstudio.com/docs/introvideos/productivity)

选择其他视频:入门视频(https://code.visualstudio.com/docs/getstarted/introvideos)

视频要点

  • 打开文件夹

    • File > Open Folder (Ctrl+K Ctrl+O)

    • 文件 > 打开文件夹 (Ctrl+K Ctrl+O)

  • 使用文件浏览器查看文件夹中的文件及子文件夹

    • View > Explorer (Ctrl+Shift+E)

    • 查看 > 资源管理器

  • 安装 Node.js 运行时 (runtime) 来执行 JavaSScript 代码

    • https://nodejs.org/ 站点中找到你平台支持的 Node.js版本

  • 检查 Node.js 安装状态

    • 在终端或者命令提示符 (cmd) 中键入 node --version

  • 新建文本文件

    • File > New File (Ctrl+N)

    • 文件 > 新建文本文件 (Ctrl+N)

  • 创建一个简单的 "Hello world" 控制台应用,名称为 app.js

  • 智能感知根据你键入的代码提供相关建议

  • 自动格式化源代码

    • Format Document command (Shift+Alt+F)

    • 格式化文档命令 (Shift+Alt+F)

  • 打开自动保存

    • File > Auto Save

    • 文件 > 自动保存

  • 显示集成终端

    • View > Terminal (Ctrl+`)

    • 查看 > 终端 (Ctrl+`)

  • 拆分终端

    • Split Terminal (Ctrl+Shift+5)

    • 拆分终端 (Ctrl+Shift+5)

  • 新建终端

    • Create New Terminal (Ctrl+Shift+`)

    • 新建终端 (Ctrl+Shift+`)

  • 运行应用

    • 在集成终端中键入 node app.js

下一个视频

  • 生产力小技巧 - 使用这些生产力小技巧成为一个专业的 VS Code 用户(https://code.visualstudio.com/docs/introvideos/productivity)

  • 入门视频- 查看全部列出的视频(https://code.visualstudio.com/docs/getstarted/introvideos)

相关资源

  • 基础编辑 - 学习强大的 VS Code 编辑器(https://code.visualstudio.com/docs/editor/codebasics)

  • 代码导航 - 在源代码中快速移动(https://code.visualstudio.com/docs/editor/editingevolved)

  • Emmet Snippets - 使用 Emmet Snippets(https://code.visualstudio.com/docs/languages/html#_emmet-snippets)

  • 任务 - 在 VS Code 中新建任务来使用外部工具(https://code.visualstudio.com/docs/editor/tasks)

  • JavaScripts 装饰器(Linters) - 安装 JavaScript 装饰器(https://code.visualstudio.com/docs/languages/javascript#_linters)

  • 代码折叠 - 查看源代码折叠细节(https://code.visualstudio.com/docs/editor/codebasics#_folding)

  • 提示及技巧 - 有用的 VS Code 提示及技巧(https://code.visualstudio.com/docs/getstarted/tips-and-tricks)



VS Code 启程-介绍视频-代码编辑的评论 (共 条)

分享到微博请遵守国家法律