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

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

1.Visual Studio Code


       1.1下载


微信图片_20220523125921.png

1.2安装


  • 步骤1:微信图片_20220523125929.png
  • 步骤2:

微信图片_20220523125936.png

步骤3:微信图片_20220523125941.png

  • 步骤4:

微信图片_20220523125946.png

  • 步骤5:

微信图片_20220523125954.png

步骤6:

微信图片_20220523130000.png

安装完成

微信图片_20220523130005.png

2.基本操作


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



微信图片_20220523130012.png微信图片_20220523130017.png

2.2创建项目(文件夹)/

微信图片_20220523130023.png

 2.3创建文件

  • 创建新文件微信图片_20220523130030.png

创建空文件成功微信图片_20220523130035.png

编写HTML页面/微信图片_20220523130039.png

2.4切换空间


  • File/Open Folder ... 打开指定文件夹微信图片_20220523130046.png

微信图片_20220523130051.png

2.5自动保存(可选)


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

微信图片_20220523130102.png

3.常见配置


3.1安装插件


3.1.1浏览器打开


  • 在html页面中,右键可以以浏览器的方式打开html页面微信图片_20220523130109.png

安装插件:open in browser微信图片_20220523130114.png

    3.1.2vue的-v提示


  • 提示效果微信图片_20220523130119.png
  • 安装插件微信图片_20220523130126.png微信图片_20220523130133.png

3.1.3vue模板


  • 提示微信图片_20220523130139.png安装插件微信图片_20220523130151.png

  3.1.4安装axios


  • 提示效果

微信图片_20220523130158.png

安装插件微信图片_20220523130205.png

相关文章
|
6月前
Visual Studio 2022 中VLD库如何安装
Visual Studio 2022 中VLD库如何安装
730 1
|
6月前
Visual Studio 2022 中VLD库如何安装
Visual Studio 2022 中VLD库如何安装
703 0
|
6月前
|
JSON C++ 数据格式
【C++】Visual Studio C++使用配置Json库文件(老爷式教学)
【C++】Visual Studio C++使用配置Json库文件(老爷式教学)
|
10天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
122 4
|
5月前
|
IDE 开发工具 C语言
Visual Studio 2017 安装及使用(新手)
Visual Studio 2017 安装及使用(新手)
1158 0
|
4月前
|
弹性计算 自然语言处理 Windows
通义灵码 Visual Studio 下载安装指南(附安装包)
本安装步骤适用于 Windows 10 及以上操作系统中安装和使用通义灵码。
131585 20
|
3月前
|
编译器 C++ 开发者
Visual Studio属性表:在新项目中加入已配置好的C++库
通过以上步骤可以确保Visual Studio中新项目成功地加入了之前已配置好的C++库。这个过程帮助开发者有效地管理多个项目中共享的库文件,提升开发效率。
81 0
|
4月前
|
前端开发 JavaScript 开发工具
|
5月前
|
C++
新手小白第一次使用VisualStudio的简单配置教程
新手小白第一次使用VisualStudio的简单配置教程
|
5月前
|
JSON 开发工具 C语言
编程入门(五)【Visual Studio Code安装与C/C++语言运行】
编程入门(五)【Visual Studio Code安装与C/C++语言运行】
747 0