VsCode 入门教程之一基础使用

常用插件

文件图标主题

自动隐藏侧边栏

自动更新

关闭 VsCode 自动更新

方法一:

打开菜单 FilePreferences 子菜单中选择 Settings 项,搜索 update mode,将其设置为 none,如下图所示:

vscode-guide-1

方法二:

打开 查看(View)菜单,选择 命令面板(Command Palette) 菜单项或者使用(Ctrl + Shift + P)快捷键打开命令面板。 在命令面板中,输入 Preferences: Open Settings (JSON),打开用户配置 JSON 的编辑界面,添加配置内容 "update.mode": "none"

关闭 VsCode 自动更新插件

方法一:

打开菜单 FilePreferences 子菜单中选择 Settings 项,搜索 Extensions: Auto Update,取消复选框的选中状态,如下图所示:

vscode-guide-2

方法二:

打开 查看(View)菜单,选择 命令面板(Command Palette) 菜单项或者使用(Ctrl + Shift + P)快捷键打开命令面板。 在命令面板中,输入 Preferences: Open Settings (JSON),打开用户配置 JSON 编辑界面,添加配置内容 "extensions.autoUpdate": false

插件分类

前端开发

  • EsLint - 语法纠错
  • Auto Close Tag - 自动闭合 HTML/XML 标签
  • Auto Rename Tag - 自动完成另一侧标签的同步修改
  • JavaScript(ES6) code snippets - ES6 语法智能提示以及快速输入,除 JS 外还支持 .ts.jsx.tsx.html.vue
  • HTML CSS Support - 在 HTML 标签上写 class 时,智能提示当前项目所支持的样式
  • HTML Snippets - HTML 代码快速自动补全
  • Vetur - Vue 语法高亮、智能感知、Emmet 等
  • Vue 3 Snippets - Vue2、Vue3 代码片段快速生成
  • Open in browser - 浏览器快速打开
  • Live Server - 以内嵌服务器方式打开
  • Chinese (Simplified) Language Pack for Visual Studio Code - 中文语言包

MarkDown 开发