史上最简单的VScode使用说明(安装、调整编辑器)

1. VS Code 简介

Visual Studio Code (简称 VS Code / VSC) 是微软公司推出的一款免费开源的现代化轻量级代码编辑器, 支持几乎所有主流的开发语言的语法高亮、 智能代码补、 GIT 等特性, 支持插件扩展等等。

2. 推荐理由

  • sublime开源, 比webstorm 更轻
  • 智能提示很强大
  • 自带emmet语法
  • 插件安装非常方便
  • 自带强大的调试功能
  • 软件跨平台支持 WinMac以及Linux

3. VS Code 安装

https://code.visualstudio.com/

image-20200815233249545

傻瓜式安装,不做多解释了。

4. 修改为中文

方法一:

① 菜单栏 -> 查看 -> 命令面板

② 往下看

方法二:

① 使用快捷键【ctrl+shift+p】,打开命令面板

②输入:configure display language

1.33.1版本之后 => 可以选择安装语言包

1.33.1版本之前的 => 可以选择手动更改

{
		// 定义 VS Code 的显示语言。
		// 请参阅 https://go.microsoft.com/fwlink/?LinkId=761051,了解支持的语言列表。
		"locale":"zh-cn" // 更改将在重新启动 VS Code 之后生效。
}

5. VS Code使用

5.1 文件目录管理

  • File( 文件) — open floder ( 打开文件夹)

    image-20200815233407155

5.2 颜色主题

  • 设置首选项按钮 — color Theme

    image-20200815233602330

image-20200815233620133

5.3 其他操作

  • 放大缩小视图: ctrl + + 和 ctrl + -
  • 向上复制粘贴一行: alt+shift+↑
  • 向下复制粘贴一行: alt+shift+↓
  • 当光标点击到某一行时, 默认选中全行, 可以直接复制剪切

5.4 VS Code 使用总结

  • VS Code 是微软公式推出的一款非常轻量级、 好用的编辑神器
  • 能去官网下载安装这款软件
  • 学会目录管理文件功能: File( 文件) — open floder ( 打开文件夹)
  • 学会更改颜色主题: 设置首选项按钮 — color Theme
  • 能记住最常用的几个操作快捷方式

6. VS Code 插件安装

6.1 安装方法

image-20200815233813164

image-20200815233835823

6.2 推荐安装的插件

插件作用
Chinese (Simplified) Language Pack for VS Code中文( 简体) 语言包
Open in Browser右击选择浏览器打开html文件
JS-CSS-HTML Formatter每次保存, 都会自动格式化js css 和html 代码
Auto Rename Tag自动重命名配对的HTML / XML标签
CSS Peek追踪至样式

更详细插件推荐参考



(后续待补充)
©️2020 CSDN 皮肤主题: 像素格子 设计师:CSDN官方博客 返回首页