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

相关文章
|
24天前
|
存储 C++
【C++】Visual Studio C++ 配置并使用gtest(不好用你捶我)
【C++】Visual Studio C++ 配置并使用gtest(不好用你捶我)
|
24天前
|
C++ Python
【Pybind11】pybind11在visual studio中的配置
【Pybind11】pybind11在visual studio中的配置
|
1月前
|
JavaScript
Visual studio Code 配置用户代码片段---Vue为例
Visual studio Code 配置用户代码片段---Vue为例
|
3月前
|
并行计算 C++ Windows
windows10下visual studio 2019安装以及cuda11配置
windows10下visual studio 2019安装以及cuda11配置
|
4月前
|
定位技术 C++
Visual Studio复制、拷贝C++项目与第三方库配置信息到新的项目中
Visual Studio复制、拷贝C++项目与第三方库配置信息到新的项目中
|
4月前
|
定位技术 计算机视觉 C++
C++计算机视觉库OpenCV在Visual Studio 2022的配置方法
C++计算机视觉库OpenCV在Visual Studio 2022的配置方法
|
4月前
|
定位技术 开发工具 C++
C++绘图库matplotlibcpp在Visual Studio中的配置方法
C++绘图库matplotlibcpp在Visual Studio中的配置方法
|
4月前
|
编译器 数据处理 C++
Visual Studio配置并编译C++环境下GDAL库、SQLite环境与PROJ库的方法
Visual Studio配置并编译C++环境下GDAL库、SQLite环境与PROJ库的方法
|
4月前
|
定位技术 数据处理 C++
Visual Studio软件调用已经配置、编译好的C++第三方库的方法
Visual Studio软件调用已经配置、编译好的C++第三方库的方法
|
4月前
|
存储 定位技术 C++
Armadillo矩阵库在Visual Studio软件C++环境中的配置方法
Armadillo矩阵库在Visual Studio软件C++环境中的配置方法