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

目录

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 - Code Editing. Redefined
• 选择对应系统的版本下载安装

        1.2安装

• 步骤1：

• 步骤2：

• 步骤3：

• 步骤4：

• 步骤5：

• 步骤6：

• 安装完成

2.基本操作

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

        2.2创建项目(文件夹)

        2.3创建文件

• 创建新文件

• 创建空文件成功

• 编写HTML页面

        2.4切换空间

• File/Open Folder ... 打开指定文件夹

        2.5自动保存(可选)

• 如果没有设置自动保存 文件上方就会有小圆点 每次需要Ctrl+s保存 如果设置了自动保存 代码没有写完就会检测报错 根据个人习惯来设置

3.常见配置

        3.1安装插件

                3.1.1浏览器打开

• 在html页面中，右键可以以浏览器的方式打开html页面

• 安装插件：open in browser

                3.1.2vue的-v提示

• 提示效果

• 安装插件

                3.1.3vue模板

• 提示

• 安装插件

                3.1.4安装axios

• 提示效果

• 安装插件