VSCode安装与前端开发必备插件安装

已于 2022-01-25 17:01:26 修改
阅读量1.1w 收藏 6
点赞数 9
分类专栏： 前端开发 文章标签： vscode 编辑器 ide
于 2022-01-11 14:41:06 首次发布
本文为博主原创文章，遵循 【CC BY-NC-ND 4.0】 版权协议，转载请附上原文出处链接和作者及本声明。
本文链接：https://blog.csdn.net/qq_41103843/article/details/122431686
版权

VSCode安装

下载链接：https://code.visualstudio.com/
在这里插入图片描述
同意协议
在这里插入图片描述
下一步之后，全选，然后继续下一步
在这里插入图片描述
之后安装
在这里插入图片描述



插件安装

安装完成之后打开VSCode，按照图片上的要求，进入扩展安装界面
在这里插入图片描述

中文插件安装

输入Chinese 然后点击install 安装
在这里插入图片描述

HTML插件

输入HTML 安装这个插件
在这里插入图片描述

CSS 插件

在这里插入图片描述

JavaScript插件

输入JavaScript 安装这个插件
在这里插入图片描述

Live Server插件

输入live 安装这个插件
在这里插入图片描述
安装完成之后重启VSCode即可

我想养只猫 •͓͡•ʔ
关注
  • 9
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vscode前端开发必备扩展
first_shun的博客
07-15 931
1、Auto Close Tag：自动闭合html或者xml的闭合标签 2、Auto Rename Tag：修改开始标签的时候，自动修改其对应的闭合标签。 3、Beautify：美化javascript、css、sass、json等，使得代码更加易读清晰。 4、Chinese (Simplified) Language Pack for Visual Studio Code：中文简体包(如果英文够好的话完全没有必要)。 5、Path Intellisense：路径提醒。 6、open in bro
vscode推荐插件的安装
03-06
一直以来，大家对开发的代码编辑器都没有一个最好的选择，而vscode是我发现速度相对快，对于新版的html css js元素及属性过滤、提示最准确的代码编辑器，因为插件太多，有的人不知道选择哪些插件最好，本文档教你安装哪些，那些可选
vscode开发微信小程序必备插件
01-03
wechat-snippet 微信小程序代码辅助,代码片段自动完成 minapp 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets） wxapp-helper 微信小程序开发助手 生成页面/组件，页面/组件模板可配置(.js, .wxml, .wxss, .json)，文件名及命名风格可配置，支持生成 TypeScript，插入乱数据辅助测试 wxml 微信小程序wxml格式化以及高亮组件(高度自定义) 小程序开发助手 支持 js，json，wxml 文件的代码提示 wxml 文件语法高亮 Easy WXLESS 保存时将LESS自动
VSCode插件安装完成后的配置详解
10-14
主要介绍了VSCode插件安装完成后的配置详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vscode下载安装以及前端开发相关插件的安装及使用
05-23
vscode下载安装以及前端开发相关插件的安装及使用
渗透测试——漏洞扫描工具
wuli1024的博客
11-20 212
然后还要将all这个压缩包里的plugin_feed_info.inc提取出来，命令行是 tar -zxvf all-2.0.tar.gz plugin_feed_info.inc，然鹅，我提取不出来。将下载好的插件移动到Nessus目录下，然后输入sudo /opt/nessus/sbin/nessuscli update all-2.0.tar.gz。用户名和密码随便写写就好，随后将会更新补丁，OK，这样Nessus可以使用了。将会获得一串数字，然后去激活码的这个网站，输入自己的邮箱获取激活码。
VSCode常用插件安装
AlanDragonLee的博客
06-13 72
VSCode下载完毕是英文版的，先安装这个插件，改为中文版，是我们第一个安装的插件。修改开始标签，结束标签跟着自动变化，比较好用。4.Live Server 实时预览。修改完代码，自动更新浏览器。
前端学习中。。。。。。
蜗牛也不慢
09-29 442
一、VSCode 使用 VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。 VS Code 使用 Monaco Editor 作为其底层的代码编辑器。 在 2019 年的 Stack Overflow 组织的...
走进前端，vscode插件的安装及使用
weixin_62859027的博客
03-30 1747
Part One 走进前端 一.概述 web前端开发源网站设计，使用各种技术和框架创建页面系统呈现给用户的过程，通过编写代码的方式将图片、文字等素材在页面进行合理布局，达到与效果图相同的效果。前端开发可以使系统主题突出、页面美观、响应速度快、交互方便，对用户体验至关重要。 二·使用的技术 HTML：HyperText MakeUp Language,超文本标记语言，是用来描述网页结构的一种标准语言，不是编程语言，是标记语言。 CSS：叠成样式表，用于美化页面元素样式 JavaScript：一.
前端 -- 基础 保姆级介绍 VSCode 必备插件安装 常用快捷键
三毛与海子的博客
08-22 263
保姆级介绍 VSCode 必备插件， 常用快捷键
vsCode安装使用教程和插件安装方法
12-11
vsCode安装使用教程vsCode是什么vsCode安装vsCode汉化vsCode常用命令说明vsCode左边图标说明vsCode基本使用前端常用插件在vosCode中显示html界面 vsCode是什么 Visual Studio Code (简称 VS Code / VSC) 是一款免费...
vsCode安装使用教程和插件安装
热门推荐
weixin_41350225的博客
11-25 3万+
vsCode安装使用教程vsCode是什么vsCode安装vsCode汉化vsCode常用命令说明vsCode左边图标说明vsCode基本使用常用插件 vsCode是什么 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT ...
VsCode安装及插件(前端)
qq_48937489的博客
10-30 1007
VsCode安装及插件一、VsCode的安装1.安装路径二、插件选择（前端）1.汉化2. 主题3.文件图标4.字体和字大小5.Code Runner（右键运行代码）6.Live Server（本地服务器，右键菜单可以运行，实时刷新）8.indent-rainbow（彩色缩进插件）9.Bracket Pair Colorizer（着色括号匹配）10.格式化代码11.Code-translate（代码翻译）12.Auto Rename Tag13. Project Manager（用于多个工作区间的切换） 一、
VSCode前端必备插件2022版（持续更新）
m0_37846709的博客
12-14 6840
​ VSCode汉化版必备，对于我这种只认识21个英文字母的渣渣来说，是很需要，安装后重启即可。
VS Code 详细安装教程
xhm_12138的博客
12-03 1273
Visual Studio Code 详细安装教程
VsCode前端开发必装插件
Hello World
12-29 677
安装完毕后，需要重启软件，插件非常之多后面还会慢慢收集好用的插件
（三）MobaXterm、VSCode、Pycharm ssh连接服务器并使用
weixin_42182290的博客
05-27 998
MobaXterm、VSCode、Pycharm 如何通过ssh连接服务器
VSCode开发Python-Django入门
雅荷沁兰的专栏
05-28 414
VSCode-Django入门
Vscode git 插件
最新发布
weixin_63681863的博客
05-30 176
安装之后，鼠标在哪一行就可以看最新一次是谁提交的，真的超好用！超好用的git记录 软件。
vscode前端开发必备插件
03-11
作为 CSDN 开发的 AI 语言模型，我可以回答你的问题。对于前端开发，VS Code 的必备插件包括：Live Server、Prettier、ESLint、Auto Rename Tag、Bracket Pair Colorizer、Path Intellisense、GitLens、Code Spell Checker 等。这些插件可以提高开发效率和代码质量。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我想养只猫 •͓͡•ʔ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值