文章目录
1. VS Code 简介
Visual Studio Code
(简称 VS Code / VSC) 是微软公司推出的一款免费开源的现代化轻量级代码编辑器, 支持几乎所有主流的开发语言的语法高亮、 智能代码补、 GIT 等特性, 支持插件扩展等等。
2. 推荐理由
- 比
sublime
开源, 比webstorm
更轻 - 智能提示很强大
- 自带
emmet
语法 - 插件安装非常方便
- 自带强大的调试功能
- 软件跨平台支持
Win
、Mac
以及Linux
。
3. VS Code 安装
https://code.visualstudio.com/
傻瓜式安装,不做多解释了。
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 ( 打开文件夹)
5.2 颜色主题
-
设置首选项按钮 — color Theme
5.3 其他操作
- 放大缩小视图: ctrl + + 和 ctrl + -
- 向上复制粘贴一行: alt+shift+↑
- 向下复制粘贴一行: alt+shift+↓
- 当光标点击到某一行时, 默认选中全行, 可以直接复制剪切
5.4 VS Code 使用总结
- VS Code 是微软公式推出的一款非常轻量级、 好用的编辑神器
- 能去官网下载安装这款软件
- 学会目录管理文件功能: File( 文件) — open floder ( 打开文件夹)
- 学会更改颜色主题: 设置首选项按钮 — color Theme
- 能记住最常用的几个操作快捷方式
6. VS Code 插件安装
6.1 安装方法
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 | 追踪至样式 |
(后续待补充)