vscode安装及插件安装

VScode软件

  • 一、VSCode简介
  • 二、VSCode 安装
        • 官网下载地址:https://code.visualstudio.com/
  • 三、VSCode 使用
        • 文件目录管理
        • 颜色主题
        • 其他操作
  • VSCode 插件安装
        • 推荐使用的插件
        • 禁用或卸载已安装的插件


一、VSCode简介

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

推荐理由:

  • 比 sublime 开源,比 webstorm 更轻

  • 智能提示很强大

  • 自带 emmet

  • 插件安装非常方便

  • 自带强大的调试功能

  • 软件跨平台支持 Win、Mac 以及 Linux。

二、VSCode 安装

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

直接下一步就可以。根据自己习惯改变安装路径,在选择目标位置时直接修改。

三、VSCode 使用

文件目录管理

文件→打开文件夹
vscode安装及插件安装_第1张图片

颜色主题

设置→颜色主题vscode安装及插件安装_第2张图片
在弹出的选择主题界面,选择自己喜欢的主题就可以。其中Monokai是与sublime风格一致。

其他操作
  • 放大缩小视图:ctrl + 加号 和 ctrl + 减号

  • 向上复制一行:alt+shift+↑

  • 向下复制一行:alt+shift+↓

  • 当光标点击到某一行时,默认选中全行,可以直接复制粘贴

VSCode 插件安装

vscode安装及插件安装_第3张图片
点击插件安装按钮,在搜索框输入需要安装的插件名称,点击install进行安装即可。安装完毕,需要重新加载软件使插件生效。

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

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

禁用或卸载已安装的插件

在扩展界面,点击“更多操作”(三个点),选择“显示安装的扩展”,在列表中找到需要禁用的插件,点击“禁用”或者“卸载”即可。同样操作完毕需要重新加载生效。
vscode安装及插件安装_第4张图片

你可能感兴趣的:(阶段一:前端开发基础,vscode,编辑器)