Visual Studio Code安装与使用和常见配置

我心飞翔 分类:vue

目录

1.Visual Studio Code

        1.1下载

        1.2安装

2.基本操作

        2.1选择工作空间(第一次)

        2.2创建项目(文件夹)

        2.3创建文件

        2.4切换空间

        2.5自动保存(可选)

3.常见配置

        3.1安装插件

                3.1.1浏览器打开

                3.1.2vue的-v提示

                3.1.3vue模板

                3.1.4安装axios

1.Visual Studio Code

        1.1下载

Visual Studio Code安装与使用和常见配置

        1.2安装

  • 步骤1:
Visual Studio Code安装与使用和常见配置
  • 步骤2:
Visual Studio Code安装与使用和常见配置
  • 步骤3:
Visual Studio Code安装与使用和常见配置
  • 步骤4:
Visual Studio Code安装与使用和常见配置
  • 步骤5:
Visual Studio Code安装与使用和常见配置
  • 步骤6:
Visual Studio Code安装与使用和常见配置
  • 安装完成
Visual Studio Code安装与使用和常见配置

2.基本操作

        2.1选择工作空间(第一次)

Visual Studio Code安装与使用和常见配置
Visual Studio Code安装与使用和常见配置

        2.2创建项目(文件夹)

Visual Studio Code安装与使用和常见配置

        2.3创建文件

  • 创建新文件
Visual Studio Code安装与使用和常见配置
  • 创建空文件成功
Visual Studio Code安装与使用和常见配置
  • 编写HTML页面
Visual Studio Code安装与使用和常见配置

        2.4切换空间

  • File/Open Folder ... 打开指定文件夹
Visual Studio Code安装与使用和常见配置
Visual Studio Code安装与使用和常见配置

        2.5自动保存(可选)

  • 如果没有设置自动保存 文件上方就会有小圆点 每次需要Ctrl+s保存 如果设置了自动保存 代码没有写完就会检测报错 根据个人习惯来设置
Visual Studio Code安装与使用和常见配置
Visual Studio Code安装与使用和常见配置

3.常见配置

        3.1安装插件

                3.1.1浏览器打开

  • 在html页面中,右键可以以浏览器的方式打开html页面
Visual Studio Code安装与使用和常见配置
  • 安装插件:open in browser
Visual Studio Code安装与使用和常见配置

                3.1.2vue的-v提示

  • 提示效果
Visual Studio Code安装与使用和常见配置
  • 安装插件
Visual Studio Code安装与使用和常见配置
Visual Studio Code安装与使用和常见配置

                3.1.3vue模板

  • 提示
Visual Studio Code安装与使用和常见配置
  • 安装插件
Visual Studio Code安装与使用和常见配置

                3.1.4安装axios

  • 提示效果
Visual Studio Code安装与使用和常见配置
  • 安装插件
Visual Studio Code安装与使用和常见配置

回复

我来回复
  • 暂无回复内容