前端开发神器VS Code安装教程

news2024/11/18 5:30:42

✅作者简介：CSDN一位小博主，正在学习前端
📃个人主页：白月光777的CSDN博客
💬个人格言：但行好事，莫问前程

在这里插入图片描述

安装VS Code

  • VS Code简介
  • VS Code安装
    • VS Code汉化
  • 结束语💡💡💡

VS Code简介

进行前端开发，常用的工具有Visual Stdion Code(简称VS Code)、Webstorm、license、Sublime等，其中VS Code是免费的，其他都不免费，所以一般开发者都会选择VS Code进行前端的开发。
VS Code开发工具的特点✨
①跨平台
②轻量级
③开源、插件丰富、功能强大、性能优越(代码自动补全、语法高亮、括号匹配)

VS Code安装

VS Code官网：https://visualstudio.microsoft.com/zh-hans/
访问VS Code官网下载windows x64用户安装程序

在这里插入图片描述
双击打开下载好的文件

在这里插入图片描述
勾选同意协议点击下一步

在这里插入图片描述
选择VSCode想要安装的路径点击下一步

在这里插入图片描述
点击下一步

在这里插入图片描述
不勾选将Code注册为受支持的文件类型编辑器其他勾选点击下一步

在这里插入图片描述
检查无误点击安装

在这里插入图片描述
安装完毕打开VS Code即可

在这里插入图片描述

VS Code汉化

刚安装好编辑器默认是英文，如果想进行中文汉化可以在扩展中搜索Chinese进行下载

在这里插入图片描述
下载完成重启即可

在这里插入图片描述

结束语💡💡💡

以上就是VS Code的安装教程，感谢大家的支持，如果有任何问题欢迎进行交流
下一篇更新VS Code开发常用插件分享，敬请期待💕💕💕

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/409629.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

webpack热更新原理-连阿珍都看懂了

webpack热更新原理-连阿珍都看懂了

前言 在旧开发的时代，前端项目在开发的过程中修改代码，很有可能是手动切到浏览器刷新页面来看到改动效果。操作不方便且页面之前的编辑记录也都丢失，体验可以说为0。想象一下一个表达你努力填满了所有输入项，结果因为调了一下样式…
阅读更多...
vue3.0全新文档快速上手学习内容整理

vue3.0全新文档快速上手学习内容整理

目录 ## 1.Vue3简介 ## 2.Vue3带来了什么 ### 1.性能的提升 ### 2.源码的升级 ### 4.新的特性 1. Composition API（组合API） 2. 新的内置组件 3. 其他改变 # 一、创建Vue3.0工程 ## 1.使用 vue-cli 创建 ## 2.使用 vite 创建 # 二、常用 Com…
阅读更多...
vue3导出表格excel(支持多sheet页)，并自定义导出样式

vue3导出表格excel(支持多sheet页)，并自定义导出样式

前期准备 npm install file-saver npm install xlsx npm install xlsx-js-style 先说一说这里为什么选择用xlsx-js-style插件设置导出excel的样式。因项目需要，我在网上找了很多关于导出excel自定义样式的文章，用的最多最普遍的插件就是xlsx-style&#…
阅读更多...
unipush2.0教程

unipush2.0教程

解释一下名词 透传消息：无论手机app，是否在运行(打开了)，还是清了后台（关闭），都可以收到消息 通知消息：只能app打开了，才能收到 1.开通unipush 2.点击上图的unipush2.0下面的配置&am…
阅读更多...
【VSCode】调试器debugger详细使用手册

【VSCode】调试器debugger详细使用手册

Visual Studio Code 的主要功能之一是其出色的调试支持。VS Code 的内置调试器有助于加速您的编辑、编译和调试循环。 调试器扩展 VS Code 具有对Node.js运行时的内置调试支持，并且可以调试 JavaScript、TypeScript 或任何其他转换为 JavaScript 的语言。 开始调…
阅读更多...
【CSS】CSS 特性 ③ ( CSS 优先级 | 权重叠加计算公式 )

【CSS】CSS 特性 ③ ( CSS 优先级 | 权重叠加计算公式 )

文章目录一、权重叠加计算公式1、后代选择器权重计算2、后代选择器权重计算二3、链接伪类选择器权重计算二、代码示例1、标签结构2、后代选择器选择案例 12、后代选择器选择案例 23、后代选择器选择案例 3一、权重叠加计算公式 在使用 多个类型的 基础选择器 进行 组合 时 , 如…
阅读更多...
【JavaScript】手撕前端面试题：手写new操作符 | 手写Object.freeze

【JavaScript】手撕前端面试题：手写new操作符 | 手写Object.freeze

🖥️ NodeJS专栏：Node.js从入门到精通 🖥️ 博主的前端之路（源创征文一等奖作品）：前端之行，任重道远（来自大三学长的万字自述） 🖥️ TypeScript知识总结&…
阅读更多...
HttpServletRequest 获取参数

HttpServletRequest 获取参数

1　HttpServletRequest获取参数方法 可以使用HttpServletRequest获取客户端的请求参数，相关方法如下： String getParameter(String name)：通过指定名称获取参数值；String[] getParameterValues(String name)：通过指定名…
阅读更多...
new bing 申请加入候补

new bing 申请加入候补

最近Chatgpt非常的火爆， 微软也是把新版必应Chatgpt的测试版已经推出。1.下载安装新必应(new bing)需要下载 Edge新版本 Edge dev下载链接: Microsoft Edge 预览体验成员 (microsoftedgeinsider.com)安装插件在设置中找到扩展-> 获取Microsoft Edge扩展搜索获取 …
阅读更多...
vue中的nexttick

vue中的nexttick

我们了解nexttick之前，我们先来看一个例子。 我们先要每一次都在点击按钮的时候，都进行字符串的累加操作，并且在该函数中计算该字符串所占的高度offsetHeight，但是我们当进行第一次点击的时候，此时打印的结果不符合,因…
阅读更多...
Javascript Object和Map之间的转换

Javascript Object和Map之间的转换

简单的区分Map和Object Map是ES6退出的一个类型，特点：任何值都可作为属性名 Object特点：属性名只能是字符串(一开始我也不信，测试后才发现的) 代码图片创建一个map类型 new Map([[key, value],[key1, value1] ])简单的介绍下面…
阅读更多...
vue 获取后端数据

vue 获取后端数据

目录 proxy 解决本地请求问题 vite Vue CLI fetch 代码演示 Post请求 ​编辑Get请求 Axios 安装 代码演示 Post请求 Get请求 TS 封装Axios 代码演示 proxy 解决本地请求问题 为什么会出现跨域问题? 浏览器的同源策略 首先给出浏览器“同源策略”的一种经典定义…
阅读更多...
this.$router.push跳转页面携带参数

this.$router.push跳转页面携带参数

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、params和query使用方式二、实现代码1.index.js代码2.test.vue代码3.testParams代码4.testParams代码5.效果总结前言 this.$router.push进行页面跳转时。携带…
阅读更多...
Vue.js安装与创建默认项目（详细步骤）

Vue.js安装与创建默认项目（详细步骤）

前言 上一篇博文已经对Node.js的安装与配置进行了详细介绍，详见https://blog.csdn.net/qq_42006801/article/details/124830995 另外：文中项目存放的路径及项目名称可根据自身实际情况进行更改。 一、Vue.js简述 Vue是一套用于构建用户界面的渐进式Ja…
阅读更多...
基于React的富文本编辑器——Braft Editor使用

基于React的富文本编辑器——Braft Editor使用

antd 是基于 Ant Design 设计规范实现的 高质量 React 组件库，倾向于只提供符合该规范且带有视觉展现的 UI 组件，也尽量不重复造轮子。 如果要在React项目中使用富文本编辑器，官方推荐使用 react-quill 与 braft-editor。 详细点击这里 这篇…
阅读更多...
Vue3.0项目——打造企业级音乐App（二）图片懒加载、v-loading指令的开发和优化

Vue3.0项目——打造企业级音乐App（二）图片懒加载、v-loading指令的开发和优化

系列文章目录 内容参考链接Vue3.0 项目启动Vue3.0 项目启动（打造企业级音乐App）Vue3.0项目——打造企业级音乐App（一）Tab栏、轮播图、歌单列表、滚动组件Vue3.0项目——打造企业级音乐App（二）图片懒加载、…
阅读更多...
「Vue面试题」vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？

「Vue面试题」vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？

文章目录一、是什么二、如何做接口权限路由权限控制菜单权限方案一方案二按钮权限方案一方案二小结参考文章一、是什么 权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源 而前端权限归根结底是请求的发起权，…
阅读更多...
Code For Better 谷歌开发者之声——谷歌Web工具包(GWT)

Code For Better 谷歌开发者之声——谷歌Web工具包(GWT)

🍎个人主页：亮点菌的博客 🍊个人信条：点亮编程之路，做自己的亮点 文章目录一、GWT简介二、运行模式1、开发模式（以前称为托管模式）2、生产模式（以前称为Web模式）三、组件…
阅读更多...
前端开发：JS的事件冒泡和事件捕获详解

前端开发：JS的事件冒泡和事件捕获详解

前言 在前端开发过程中，关于JS原生的核心内容使用是日常工作中的常态，关于底层和原理的掌握使用，尤其是在性能优化方面甚为重要。作为前端开发的进阶内容，在实际开发过程中事件发生的顺序称为事件流，当触发某个事件的时…
阅读更多...
微信小程序使用 npm 包，举例图文详解

微信小程序使用 npm 包，举例图文详解

使用 npm 包前提条件： 下载安装，配置npm环境变量，不懂得可以上网查教程，本文不再描述 小程序使用 npm 包简述 1、初始化 package.json 2、勾选允许使用 npm（新版微信小程序开发工具忽略这一步） 3、下载…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023