• 能够安装 VS Code
  • 能够熟练使用 VS Code 软件
  • 能够安装 VS Code 最常用的插件

VSCode 简介

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

推荐理由：

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

VSCode 安装

官网下载地址： https://code.visualstudio.com/

安装步骤：
傻瓜式安装，直接下一步即可。

  • 如果需要改变默认的安装路径，在选择目标位置时直接修改即可。
  • 为方便以后使用，建议创建桌面快捷方式。

VSCode 使用

文件目录管理

  • 选择File，然后选择Open Folder，打开文件夹。
  • 界面主要分为EXPLORER（资源管理界面）和代码编辑页面。

颜色主题

  • 设置首选项按钮 — Color Theme
  • 在弹出的选择主题界面，选择喜欢的主题界面即可。其中Monokai是与sublime一致的风格。

其他操作

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

VSCode 插件安装

安装方法

点击左侧《扩展》图标，在搜索框输入需要安装的插件名称，点击install进行安装即可。安装完毕，需要重新加载软件使插件生效。

推荐安装的插件

插件 作用
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 追踪至样式

注意：插件安装需要联网。

禁用或卸载已安装的插件

在扩展界面，点击“更多操作”（三个点），选择“显示安装的扩展”，在列表中找到需要禁用的插件，点击“禁用”或者“卸载”即可。同样操作完毕需要重新加载生效。

离线安装 VSCode 插件

接下来，我来总结下 VSCode 插件离线安装的步骤：

  1. 打开 VSCode 插件市场网址 Extensions for the Visual Studio family of product，输入你想要的插件名称
  2. 点击进入插件主页，点击右侧的 Download Extension 链接，得到下载下来的离线安装包，以 .vsix 为扩展名结尾
  3. 把下载下来的离线安装包拷贝到 VSCode 的安装目录下的 bin 目录下，比如 VSCode 安装在 D:\Microsoft VS Code\，因此应该拷贝到 D:\Microsoft VS Code\bin 这个目录下
  4. 在第 3 步的 bin 目录下按住shift的同时点击右键，在此处打开命令窗口，输入命令，最后面的参数换成你下载的插件离线安装包的名字即可： 
    1. code --install-extension yzhang.markdown-all-in-one-1.4.0.vsix

待看到如下提示即意味着安装成功，就可以打开 VSCode 进行查看了

  1. Extension ‘yzhang.markdown-all-in-one-1.4.0.vsix’ was successfully installed!

至此，离线安装 VSCode 插件就算结束了 。

版权声明：【离线安装 VSCode 插件】部分为CSDN博主「 前端kk」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_40963664/article/details/81938468