Win10安装VSCode详细步骤

2023-11-07

最近在开发基于vue技术的前后端分离项目,前端开发需要安装Visual Studio Code开发工具,具体安装过程记录如下:

下载安装软件

首先到官网下载需要的安装软件:VSCode官网地址
进入官网后进入官网页面如下:
VSCode官网直接点击左侧的Download for Windows后会进入下面页面,同时会默认下载User版本
VSCode下载1点击右上角的Download会进入:
VSCode下载2根据需要下载不同的版本即可,在这里有User版本和System版本,两者的区别主要是:User版本只适用于当前用户下使用,如果换着其他用户就无法使用VSCode了,System版本适用于所有用户使用,这里选择了System 64版本的软件下载。
软件下载后是这样的:
VSCode软件
软件下载好后,接下来就是安装了。。。

安装软件

双击软件后直接点击运行进入安装状态
安装步骤一选择我接受协议,直接点击下一步
安装步骤二这么默认安装在C盘,建议安装在其他盘下,点击下一步
安装步骤三直接点击下一步
安装步骤四为了方便找到安装的VSCode软件,这里勾选创建桌面快捷方式,自动将VSCode添加到环境变量,这里默认勾选了添加到PATH,点击下一步
安装步骤五这里不需要修改什么,直接点击安装即可
安装步骤六系统安装中,等系统自动安装完成
安装步骤七到这里VSCode的安装结束,点击完成即可。
桌面图标
安装完成后桌面会多出上面的图标
VSCode桌面运行VSCode后,进入开发界面,开发前段项目还需要安装一些必须的软件和便于开发常用的插件
VSCode安装插件开发中常用的插件有:
Vetur:语法高亮、智能感知、Emmet等,包含格式化功能,Alt+Shift+F(格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需同时按着)
EsLint:语法纠错
Auto Close Tag:自动闭合HTML/XML标签
Auto Rename Tag:自动完成另一侧标签的同步修改
JavaScript(ES6)code snippets:ES6语法智能提示以及快速输入,除了js外还支持.ts/.jsx/.html/.vue,省去了配置其支持各种包含js代码文件的时间
HTML CSS Support:让html标签上写class智能提示当前项目所支持的样式
HTML Snippets:html快速自动补全
Open in browser:浏览器快速打开
Live Server:以内嵌服务器方式打开
Chiness(Simplified)Language Pack for:习惯中文开发的话,可以安装中文插件包

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Win10安装VSCode详细步骤 的相关文章

随机推荐

  • 推荐几个不错的前端朋友!

    前端技术日新月异 发展迅速 作为一个与时俱进的前端工程师 需要不断的学习 这里强烈推荐几个前端开发工程师必备的优质公众号 希望对你有所帮助 大家可以像我一样 利用碎片时间阅读这些公众号的文章 Summer 前端充电宝 作者 CUGGZ 掘金
  • Python3,为了“娑娜“,我花费3分钟把lol所有的英雄都下载了。

    协程下载英雄联盟人物皮肤 1 引言 2 代码实战 2 1 网页分析 2 2 代码实战 2 2 1 模块安装 2 2 2 进程 协程 线程区别 2 2 3 代码示例 3 总结 1 引言 小屌丝 鱼哥 快过年 lol不得整起来啊 小鱼 不 我要
  • debug和release的区别

    Debug 和 Release 并没有本质的区别 他们只是VC预定义提供的两组编译选项的集合 编译器只是按照预定的选项行动 如果我们愿意 我们完全可以把Debug和Release的行为完全颠倒过来 当然也可以提供其他的模式 例如自己定义一组
  • MAC下linux双系统的安装

    文章目录 第一步 格式化U盘 第二步 下载系统 这里我选择的是manjaro 第三步 将iso镜像转成dmg格式 第四步 写入镜像 第五步 分空间 第六步 关闭OS X的 SIP保护 第七步 安装refind 第八步 重启按住option键
  • Agisoft Metashape 坐标系选择 坐标转换

    Metashape 坐标系选择 坐标转换 文章目录 Metashape 坐标系选择 坐标转换 前言 一 软件设置 二 坐标系选择 1 有带号坐标系选择 2 无带号坐标系选择 二 坐标转换 以WGS84转CGCS2000投影坐标系为例 1 保
  • 安卓手机刷软路由_华为路由AX3 Pro上手测评:用过最方便的路由器,没有之一...

    都说 科技改变生活 但我总觉着 现如今的人们似乎被数码产品 奴役 了 比如说 之前买过某品牌路由器 设置过程之繁琐 直接让当时是数码小白的我崩溃了 自打那之后 我选购数码产品的标准就改成 方便 这不 最近家里500兆宽带老用户免费升级 5G
  • 真实的程序员的日常

    程序员到底有多累 多辛苦 为什么还有那么多人想转行当程序员 优秀的程序员其实会越来越轻松 计算机世界其实和现实世界很像 解决问题的办法是开放的 而很多时候限制工作量的 其实是想象力 程序员到底有多累 多辛苦 听听前辈们怎么说 IT至今仍是投
  • 数据结构与算法—链表常见面试题(持续更新)

    文章目录 一 链表环 1 判断链表是否有环 题目 方法1 方法2 二 反转链表 1 完全反转链表 题目 方法1 方法2 2 反转部分链表 题目 方法1 参考链接 https blog csdn net Bruce 0712 article
  • Qt读写Excel--QXlsx编译为静态库2

    1 概述 在使用QXlsx时由于源码文件比较多 如果直接加载进项目里面 会增加每次编译的时间 直接将源码加载进项目工程中 会导致项目文件非常多 结构变得更加臃肿 所以在本文中将会将QXlsx编译为静态库再使用 注意 如果是刚接触QXlsx建
  • tomcat运行vue项目,刷新后报404

    背景 打包后的项目发给后台部署到tomcat webapps dist中 刷新页面报404 解析 一般项目放tomcat webapps ROOT 因为里面有默认的WEB INF 若放外面 需修改conf server xml中的配置才会打
  • 【论文笔记】VideoGPT: Video Generation using VQ-VAE and Transformers

    论文标题 VideoGPT Video Generation using VQ VAE and Transformers 论文代码 https wilson1yan github io videogpt index html 论文链接 ht
  • springcloud + feign + seata1.5.2 + nacos

    先介绍一下环境 使用的是SpringCloud Alibaba SpringBoot 2 3 5 RELEASE seata1 5 2 linux环境 首先就是nacos的环境配置 这里就不讲了 seata1 5 2 下载地址 下载中心 下
  • 视频目标检测识别

    之前文章目标检测API 已经介绍过API的基本使用 这里就不赘述了 直接上本次内容的代码了 添加的内容并不多 将测试的test mp4原文件放到models master research object detection路径下 并创建一个
  • java停顿_java 停顿的操作

    展开全部 import javax swing import java awt import java awt event import java util concurrent 323131333532363134313032313635
  • qt qss设置字体大小_【Qt开发】StyleSheet使用总结

    概述 转眼七年过去了 我是一个彻底拥抱过MFC的人 记得老大的一个需求要把按钮做成圆角 并添加背景颜色 做前端html的可能认为很简单 然而放到MFC上那可真的是很 很麻烦的 自定义类继承Button 新手估计还搞不定 怎么也有上百行代码
  • opencv 颜色空间转换

    opencv 颜色空间转换 颜色空间转换 如BGR Gray BGR HSV等 追踪视频中特定颜色的物体 OpenCV函数 cv2 cvtColor cv2 inRange cv2 cvtColor 函数用来进行颜色空间转换 常用BGR G
  • Ubuntu终端常用的快捷键(实用)

    Ubuntu终端常用的快捷键 dy9776 博客园 http www cnblogs com nucdy p 5251659 html Ubuntu终端常用的快捷键 Ubuntu中的许多操作在终端 Terminal 中十分的快捷 记住一些快
  • 华为认证HCIA-Kunpeng Application Developer多选习题总结

    最近参加了华为HCIA Kunpeng Application Developer的认证考试 所以分享一下在培训和备考过程中做的一些习题 考试总共90分钟 有60个题 分别有单选 多选和判断 总分1000分 600分过 多选练习题 1 Ta
  • k8s--基础--22.11--storageclass--类型--Azure 文件

    k8s 基础 22 11 storageclass 类型 Azure 文件 1 案例 kind StorageClass apiVersion storage k8s io v1 metadata name azurefile provis
  • Win10安装VSCode详细步骤

    最近在开发基于vue技术的前后端分离项目 前端开发需要安装Visual Studio Code开发工具 具体安装过程记录如下 下载安装软件 首先到官网下载需要的安装软件 VSCode官网地址 进入官网后进入官网页面如下 直接点击左侧的Dow