VSCode 编写代码

VS Code 内置了对 JavaScript、TypeScript、HTML、CSS 等多种语言的支持。

在本章节中,我们将创建一个 JavaScript 代码文件,并使用 VS Code 提供的一些代码编辑功能。

VS Code 支持多种编程语言,在后面的章节中,我们还会安装 Python 的语言扩展,为其他语言添加支持。

1、创建 JavaScript 文件并编写代码

在资源管理器(Explorer)视图中,创建一个名为 app.js 的新文件,并输入以下 JavaScript 代码:

实例

function sayHello(name) {
  console.log('Hello, ' + name);
}

sayHello('VS Code');

代码自动补全(IntelliSense):当您开始输入代码时,会弹出代码补全建议,使用方向键 ↑ 或 ↓(上下键) 导航建议项,按 Tab 键选择并插入选中的建议。

语法高亮:注意代码的格式化显示(语法高亮),这有助于区分代码的不同部分,提高可读性。

使用代码操作(Code Actions)

将光标放在字符串 'Hello,' 上时,您会看到一个小灯泡图标,表示可以应用代码操作(Code Action)。

您也可以使用快捷键 ⌃Space 打开灯泡菜单。

点击灯泡图标,然后选择 Convert to template string(转换为模板字符串)。

代码操作为您的代码提供了快速修复建议。

在本例中,Code Action 将字符串拼接:

"Hello, " + name

转换为模板字符串:

`Hello, ${name}`

模板字符串是 JavaScript 中一种特殊的语法,可以在字符串中嵌入表达式。

转化后的代码如下:

### 使用 VSCode 编写代码 #### 安装 Visual Studio Code 为了开始使用 Visual Studio Code (VSCode),需先下载安装该应用程序。可以从官方网站获取适用于不同操作系统的版本。 #### 打开工作区或文件夹 启动 VSCode 后,通过 `File` -> `Open Folder...` 或者快捷键 `Ctrl+K Ctrl+O` 来选择要编辑的项目所在的文件夹[^1]。这使得整个目录结构可以在侧边栏中查看,允许轻松导航至各个源码文件。 #### 创建新文件与编写代码 一旦选择了目标文件夹,即可创建新的文件来进行编码。点击左侧资源管理器中的“新建文件”图标,输入文件名连同扩展名(例如 `.py`, `.js`, `.cpp`),随后按下回车键确认。此时便可在右侧窗口中看到空白文档,准备就绪等待录入代码逻辑[^2]。 对于 C/C++ 类型的语言开发而言,虽然可以直接利用 VSCode 的内置终端来编译执行简单程序,但对于更复杂的工程则建议配合像 Keil 这样的专用IDE完成最终构建过程。 #### 利用插件增强体验 VSCode 支持丰富的第三方扩展,这些插件能够极大地提升工作效率。比如用于语法高亮显示、自动补全等功能的支持包;还有针对特定框架或技术栈定制化的工具集。可以通过命令面板 (`F1`) 输入 "Install Extensions" 浏览市场上的选项来自由挑选所需组件。 #### 实现跨平台协作 借助 SFTP 插件,开发者能够在本地 Windows 系统里用 VSCode 舒适地敲击代码的同时,无缝地将其推送至远端 Linux 主机上去做进一步处理——无论是测试还是部署都变得异常简便[^3]。每当保存更改时,修改后的文件会被即时上传到服务器对应路径之下,从而保持两端数据的一致性和同步性。 ```bash # 示例:配置 sftp.json 文件以连接远程主机 { "name": "Remote Project", "host": "your.server.com", "protocol": "sftp", "port": 22, "username": "user", "remotePath": "/path/to/project/" } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值