Java015-VS Code下载、安装及简单使用

本文详细介绍了如何从VSCode官网下载安装包,步骤包括软件安装和选择安装目录,以及如何安装并配置15个常用插件,如中文语言包和代码片段。还演示了如何在VSCode中创建、编辑HTML、CSS和JS文件,以及保存文件的快捷键。
摘要由CSDN通过智能技术生成

一、下载VS Code安装包

进入VS Code 官网:https://code.visualstudio.com/
在这里插入图片描述
点击Download forWindows后的下拉箭头,点击对应的操作系统stable版下的下载箭头,即可完成下载
在这里插入图片描述

二、安装

1、软件安装

(1)下载完成后,直接点击VSCodeUserSetup-x64-1.82.0.exe,即可进入安装环节。
在这里插入图片描述

(2)点击同意,再点击下一步
在这里插入图片描述
(3)需要重新选择安装目录,则点击浏览,再点击下一步。
在这里插入图片描述

(4)桌面需要快捷方式,则勾选创建桌面快捷方式(D),再点击下一步
在这里插入图片描述
(5)点击安装即可
在这里插入图片描述
在这里插入图片描述

2、插件安装

(1)打开软件,点击扩展
在这里插入图片描述
(2)搜索栏中输入相应的插件名即可。一般需要下载15个插件,分别如下
第一个:Chinese (Simplified) (简体中文) Language Pack for Visual
第二个:Code Spell Checker
第三个:HTML CSS Support
第四个:JavaScript (ES6) code snippets
第五个:Mithril Emmet
第六个:Path Intellisense
第七个:Vue 3 Snippets
第八个:VueHelper
第九个:Auto Close Tag
第十个:Auto Rename Tag
第十一个:Beautify(过期,点击继续使用即可)
第十二个:Bracket Pair Colorizer 2(过期,点击继续使用即可)
第十三个:open in browser
第十四个:Vetur
第十五个:IntelliJ IDEA Keybindings
以上十五个插件,以第一个为例进行安装
(3)搜索栏输入Chinese (Simplified) (简体中文) Language Pack for Visual,点击安装
在这里插入图片描述
(4)点击右下角弹窗的Change Language and Restart,即可修改语言并重启
在这里插入图片描述在这里插入图片描述
(5)其它插件按照以上方式安装即可

三、简单使用

(1)在电脑任意目录下,新建一个文件夹,命名为HTML。
在这里插入图片描述
(2)点击文件,在选择“打开文件夹”
在这里插入图片描述
(3)选择需要打开的文件夹HTML,点击“选择文件夹”
在这里插入图片描述
(4)可选择创建文件或文件夹
在这里插入图片描述
(5)创建HTML文件
1)创建文件
在这里插入图片描述
2)输入感叹号
在这里插入图片描述
即可自动补全内容
在这里插入图片描述
(6)创建CSS文件
在这里插入图片描述在这里插入图片描述
(7)创建js文件
在这里插入图片描述
在这里插入图片描述
注意:VS code软件写完代码后,一定要点击保存(快捷键:Ctrl+S)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值