史上最全的vscode插件（偏向于前端）

已于 2023-07-02 09:58:04 修改
阅读量228 收藏
点赞数 1
文章标签： 前端 vscode
于 2023-06-20 17:45:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_70945785/article/details/131311670
版权
这篇文章讨论了过多的VSCode插件可能导致编辑器运行变慢的问题，并列举了一系列提升开发效率的插件，如自动补全标签、路径提示、代码高亮和格式化工具等。还特别提到了Vetur对于Vue开发的支持。用户应根据自身需求选择安装插件，以平衡性能和功能。
摘要由CSDN通过智能技术生成

裝的插件过多会导致变卡

搜索不到的插件可能已经更改

  1. Emoji File Icons 桌面的图标美化
  1. Auto Close Tag &Auto Rename Tag 自动补全标签
  1. Auto Import 自动补全路径
  1. Bracket Pair Color DLW 花括号
  1. Chinese (Simplified) (简体中文) Language Pack for 中文版
  1. Color Highlight 颜色高亮
  1. Dracula Official 吸血鬼主题粉色
  1. Easy LESS Easy Sass 编译成css
  1. ESLint 语法校验
  1. Express Express Snippets
  1. GitHub Pull Requests and Issues & GitLens — Git supercharged
    配合github使用
  1. Highlight Matching Tag 标签高亮
  1. HTML CSS Support 语法提示
  1. Image preview 图片路径提示
  1. IntelliSense for CSS class names in HTML 标签提示
  1. JavaScript (ES6) code snippets es6语法提示
  1. json
  1. Live Preview 编辑器预览
  1. Local History 本地修改代码历史
  1. Material Icon Theme 文件主题
  1. Microsoft Edge Tools for VS Code 游览器插件
  1. Node Require 提示
  1. node-snippets 语法支持
  1. npm Intellisense npm
  1. open in browser 右键打开到指定的游览器
  1. Path Intellisense 路径提示
  1. Prettier - Code formatter 格式化
  1. Vetur vue插件 关于vue的插件直接搜索vue自行安装

其他的插件根据自己需要进行安装

 厚积薄发
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode php插件_用好这14个vscode必用插件
weixin_39582480的博客
11-20 1221
1、auto rename tag， html自动更新配对标签名称；2、highlight matching tag，自动高亮显示结束括号/标签；3、bracket pair colorizer，为嵌套的各种括号添加不同颜色；4、path intellisense，智能路径提示；5、markdownlint，优秀的 markdown 语法检查器；6、markdown preview enhance...
史上最全的Java进阶书籍推荐
目标检测专栏持续更新中，改进YOLO系列通用，适用v5、v7、v8、所有博客均是团队原创博客，所有文章禁止转载，违者必究。
07-31 1538
转自https学习Java，书籍是必不可少的学习工具之一，尤其是对于自学者而言。废话不多说，下边就给大家推荐一些Java进阶的好书。第一部分Java语言篇1.《Java编程规范》适合对象初级、中级介绍这本书的作者是被誉为Java之父的JamesGosling，入门者推荐阅读，对基础的讲解很不错。2.《Java编程思想》适合对象初级、中级介绍豆瓣给出了9.1的评分，全球程序员广泛赞誉。...
Node.js-优秀实用的VSCode插件集合
08-10
优秀实用的 VS Code 插件集合
【软件安装】Mac下VScode的安装和使用+express框架安装
weixin_44895477的博客
06-22 1839
1.下载安装包 https://code.visualstudio.com/ 直接去VScode官网找到对应版本下载即可 我看官网下载太慢了 就复制了下载链接去迅雷下 亲测很快 2.安装CSvode mac版本下载之后是一个压缩包 解压之后直接就是app 可以把app移动到应用程序即可 3.常见插件安装 点击扩展： 3.1 汉化包 搜索：chinese 就会出现 选择中文简体 即可 安装完需要重新启动程序才会生效 3.2 语言包 我用的是JavaScript 直接搜索安装即可 3.3 Auto C
在vscode中集成express+npm和jwt，打包项目到服务器
wqwq093030的博客
04-16 438
一、安装node.js 1.NodeJS中文官网下载(安装.mis)：[http://nodejs.cn/#download](http://nodejs.cn/#download) 2.NodeJS安装成功后，会自带npm工具，npm作为了node_moduls的一个模块 二、验证Node.Js是否安装成功 1.在CMD中运行如下命令：node -v 来查询当前node.js的版本号 2....
vscode 快捷键 插件
爱睡的虫虫
03-27 277
VS Code 写 Markdown — “Markdown Preview Enhanced”
史上最全的Java进阶书籍推荐，你看了几本？
m0_67402564的博客
07-30 1854
EffectiveJava是我读过的最好的编程书籍之一，它包含大量的优秀Java编程实践，并对泛型和并发这两个充满陷阱的Java特性给出了充满洞察力的建议，以至于Java之父JamesGosling为这本书作序“我很希望10年前就拥有这本书。看了两章就不看了，枯燥无味，看完就忘。是开发分布式程序的选项之一，不过我不喜欢，其实银行使用的也不怎么的。介绍这本书名为《Java并发编程实践》有些抹杀了它的价值，其中并非只讲述了Java的多线程设施，对一般的并发编程的rationale也有相当透彻的阐述。...
最全java面试题整理（持续更新）
qq_49386705的博客
12-05 3964
1. springboot项目和maven项目的区别？ （1）打包方式：传统项目如果需要打成war包，需要在WEB-INF目录结构配置web.xml文件；springboot则不需要 （2）项目启动方式： 传统web项目启动方式：在eclipse和tomcat插件中导入项目，然后启动tomcat，项目也启动了。或者将项目打成war包，放入tomcat中，启动tomcat。 采用springboot项目启动：如下图所示，打开HelloWorldApplication.java（这个类每个项目都有，类名自定），
在VSCode中搭建express后端框架
weixin_52479225的博客
11-18 922
在VSCode中搭建express后端框架
Visual Studio Code (vscode)创建Node.js+Express+handlebars项目——handlebars页面模板
Harry_一棵树的博客
03-27 1330
使用Express创建的页面渲染模板是jade的，我现在给大家介绍handlebarsjs, 为什么我不用默认而用这个呢？ 原因你用了就知道了，jade很强大，但是它用的语法好多人都不熟悉，项目共同开发，出现了bug，样式问题就很难解决，当然还有一个原因是，我喜欢MVC的思维方式。这个handlebarsjs我用的很顺手.第一步 安装,大家可以直接安装hbs,这 个是Express 和hand
VScode对于node没有提示,node-http*****
pepper5的博客
10-09 2981
刚下载安装的VScode默认只会安装部分插件,包括中文包以及对vue等内容的提示插件,对于nodejs相关提示不会自动安装,需要下载名称: node-snippets 还有就是文件格式以及代码自动提示的设置,有人写的比较详细,可直接参考 解决vscode没有代码提示 找不到原因的话可以多看看文件格式和插件是否下载了,这两点大概率是问题所在 ...
在vscode中利用express脚手架简单完成几个路由以及中间件的使用
最新发布
qq_56715703的博客
02-04 529
post : /doregister -> 注册前检查persons.json中有无此用户，如果有返回已注册。[{"username":"admin","password":"123","timer":"2021年04月24日 09:52:21"}]2.创建myapp项目：express --no-view myapp。在routes/index.js添加：（function函数）get ： /register -> 渲染注册表单页面。在routes/index.js添加：（箭头函数）
添加插件使vscode提示node.js代码段
hj123456852的博客
10-26 1232
1.下载 typings npm install -g typings 2.查看版本 提示版本信息则安装成功 typings -version 3.将typings 配置到项目根目录 typings init typings install dt~node --global--save 4.提示报错则用 npm install --save @types/node 5.缺点：创建一次项目就需要打一遍指令 ...
node=====vscode-node提示插件及基本使用
Willow_Spring的博客
08-17 3436
文章目录 ##安装Node Snippets ##node-http-server快捷键生成基础 var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Hello World'); }).listen(8081); console.log('Server
如何用vscode调试express
dongdaxiaopenyou的博客
09-27 3138
{ "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "启动程序", &quo
Vscode——vscode中如何实现node代码提示
qq_43201350的博客
01-09 1233
Vscode——vscode中如何实现node代码提示
Vscode NodeJS Express创建项目
mumanquan1的博客
12-29 1544
1、新建NodeJS SourceCode目录，例如：D:\nodejs_src 2、打开VsCode，并打开上述目录 3、安装Express插件 4、打开Vscode终端（Terminal），执行以下指令指令 npm install express-generator -g 5、执行以下指令创建Express项目 express iothub_server 此时可能回报以下错误“express : 无法加载文件” 需要通过以下方式设置权限 用系统管理员执行PowerShell 输入以下指令 最
vscode中的node.js的代码智能提示
weixin_44823731的博客
04-26 5460
1.全局安装typings npm install -g typings 安装完，使用typings-version查看是否安装成功 typings -version 显示版本号，则代表安装成功 2.使用cd进去我们项目的目录 cd 项目目录路径 3.使用typings init来初始化项目（在项目的那个目录初始化） typings init 4.安装node.js提示插件（在项目的那个目...
vscode里如何实现node代码提示功能
weixin_51745081的博客
11-11 2379
再重新打开vscode发现出现代码提示功能。
前端实战：JavaScript图片处理与合成全解析
本篇文章主要针对前端开发者介绍JavaScript在图片处理与合成方面的实用技巧和实践经验。作者基于自己在公司业务中的实际需求，整理出了一套关于图片处理的基础和算法类型技术总结。主要内容包括： 1. 基础类型图片...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值