VSdode安装使用

1. 下载

1.VScode官网地址: link
2.点击向下箭头,选择自己电脑适配系统,点击下载,(推荐选择稳定版)3.在文件资源管理器中打开下载好的安装包

4.双击安装该程序;选择我接收,再点击下一步
5.安装磁盘推荐D盘;这里可以根据自己的需要选择;再点击下一步;一直等待安装结束;

6.安装完成之后就可以看到桌面上的快捷方式了

到这里就安装成功了!!!

2.插件安装

1.打开VScode,选择扩展

2.在输入框中输入Chinese,再选择install,安装插件
3.安装完成之后会有提示,现在重启;点击重启;就可以看到是中文版


4.VScode常用插件:
(1) Open in Browser:打开外部浏览器
(2)settings sync:同步所有设置和插件
(3)Auto Rename Tag:自动重命名 HTML或XML 标签
(4)Auto Close Tag:自动添加 HTML/XML 关闭标签
(5)Bracket Pair Colorizer:让括号拥有独立的颜色,易于区分。可以配合任意主题使用

3.使用教程

1.在电脑上首先创建一个文件用来存放自己的项目;
2.在VScode方法里面打开改文件夹
3.新建文件或者文件夹

4.我在这里直接给大家演示如何新建文件,并且运用
首先点击新建文件;

然后命名文件,后缀为**.html**!!!,然后点击回车;

可以看到右边是我们新建好的文档;

在编辑区域输入英文感叹号!点击回车,(注意,一定的是英文感叹号);我们就可以看到创建好的html文档结构


4.运行文件
在文档里面输入我们的第一行代码
<div>我是第一个html</div>
代码在body标签中书写
![在这里插入图片描述](https://img-blog.csdnimg.cn/94d2def89e4e4795b37a58f4c948519e.png鼠标移动到编辑创建;右键点击;选择在默认浏览器中打开
我们就会看到浏览器打开窗口;运行出出我们刚刚编写的代码

到这里我们的笔记就结束啦;欢迎留言!!!

VScode下载安装+使用相关推荐

  1. vscode 下载 安装

    vscode 下载 安装 一.什么是vscode** Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语 ...

  2. vscode下载安装和配置c/c++环境

    vscode下载安装 下载链接: https://code.visualstudio.com/ 官网上下载一般比较慢,可以换成国内镜像下载. 方法: 点下载后得到下载链接浏览器会自动下载 复制上面的链 ...

  3. vscode下载安装和配置使用

    一:下载 首先是vscode下载链接:Visual Studio Code - Code Editing. Redefined 打开后如上图所示,本人电脑win10教育版,64位,如图所示下载即可,我 ...

  4. VScode下载安装、设置主题、中文、浏览器预览

    昨天开始学习VUE,第一次用Visual Studio Code,把软件的下载.安装.设置主题颜色.设置中文界面以及如何使网页用浏览器预览整理了一下. 一.VScode下载 1.百度搜VScode官网 ...

  5. MacBook VSCode 下载 安装 配置环境变量 Path

    文章目录 下载 安装 运行 && 添加 Code 到环境变量 Path 下载 https://code.visualstudio.com/ https://az764295.vo.ms ...

  6. Vscode下载安装使用教程_Vscode搭建Python开发环境_Vscode常用插件

    文章目录 1 下载 2 安装 3 搭建Python安装环境 4 推荐几款好用的插件 1 下载 官网 https://code.visualstudio.com/ 直接下载可能会很慢,所以我们用国内的镜 ...

  7. vscode下载安装

    1.首先在官网下载 vscode:Download Visual Studio Code - Mac, Linux, Windows 一般选择windows,User Installer x64(注意 ...

  8. vscode下载和前端工程师常用的20+插件,包含代码提示、语法高亮、括号颜色等等

    这里附带vscode下载地址,和前端开发常用的20+插件,可根据插件功能自行选择下载. VsCode下载安装 Visual Studio Code下载地址:https://code.visualstu ...

  9. vscode中安装webpack_leaflet-webpack 入门开发系列一初探篇(附源码下载)

    前言 leaflet-webpack 入门开发系列环境知识点了解: node 安装包下载 webpack 打包管理工具需要依赖 node 环境,所以 node 安装包必须安装,上面链接是官网下载地址w ...

最新文章

  1. BurpSuite pro v2.0.11版
  2. php用户登录后跳转到主页,phpmyadmin登录后跳到首页的问题
  3. 查询oracle数据库adg的模式,Oracle11g ADG配置
  4. 使用python的docker-py实现docker的api操作
  5. SpringMVC 方法三种类型返回值总结,你用过几种?
  6. python程序异常实例_Python werkzeug.exceptions方法代码示例
  7. Linux下SHELL的PS1变量简介
  8. linux安装nvidia驱动+cuda10.0+cudnn7.4.2
  9. LeetCode:旋转链表【61】
  10. oracle的约束什么作用,Oracle数据库知识之约束
  11. 运用异或运算实现两个数不通过中间变量交换值的原理分析
  12. 报文分析4、TCP协议的头结构
  13. Protel 99se 快捷键
  14. 2级c语言题库及答案,2019-C语言二级考试题库(含答案)
  15. 基于人工势场法的车辆编队轨迹规划matlab仿真验证
  16. IBM Spectrum LSF
  17. pdfjs转图片_Vue项目pdf(base64)转图片
  18. 92款超级漂亮的css按钮样式 复制即用
  19. airtest获取当前设备序列号,并连接
  20. 你可以不知道六六,但你必须知道当红电视剧《蜗居》

热门文章

  1. 01.计算机基础与Java
  2. wrong ELF class: ELFCLASS32
  3. SwfitUI之Published
  4. 四月数据库排行榜出炉 Oracle、MySQL依然坚挺
  5. 被绕晕了,嵌入式用C好还是用C++好
  6. Python就业前景好不好?学Python好找工作吗?
  7. python如何求阶乘_python如何求阶乘
  8. 2019-信息安全管理与评估
  9. devops工具-Ansible基础
  10. 手机点餐系统概述_点餐管理系统测试.概要.docx