VS Code 折腾记 - (8) 新一波实用插件推荐(前端)|NG2+|TS2|Vue|React|Node|版本控制|主题

简介: VSCode大法好啊,平均一个月更新一个小版本,每次都可以直观的看到优化的地方和特性。距离上次的文章已经过去了两个多月了。这期间我又搜罗了一波比较实用的插件推荐;


前言


VSCode大法好啊,平均一个月更新一个小版本,每次都可以直观的看到优化的地方和特性。


距离上次的文章已经过去了两个多月了。这期间我又搜罗了一波比较实用的插件推荐;


插件集


版本及文件管理


  • Better Merge : 用来解决文件冲突的不二利器,经过多个版本的更新,稳定很多。。推荐
  • Folder Indexing: 提高文件的索引速度[常驻于内存中],这对于项目比较大的小伙伴必须安装啊
  • Git Indicators: 类似github上的统计提交代码增减条目,在状态栏显示,很小巧实用
  • gitk:有了这个,版本实时比对,这个真心好


Angular 2+ && Typescript 2+


  • Angular Language Service: 用ng2+开发的小伙伴的必备插件,定义跳转,补全,信息提示等。
  • JSON to TS:有了这个来声明和后台协商的对接接口简直不能再方便了【typescript interface】。
  • move-imports: 虽然不能说完美无BUG,但是至少常规的迁移[ js, jsx, ts, tsx]是可以同步改动的,值得安装


Node



snippet


  • TurboJavaScript:相当齐全的js的代码片段简写,熟练了效率高的不是一点两点
  • Angular 2+ Snippets: 这货的代码片断涵盖范围太广了,真佩服作者去汇总


Vue



React



nginx


nginx非常适合做前端的服务层,好处太多,反向代理避免跨域,负载均衡


  • nginx.conf:高亮nginx的配置文件,可能以后的版本会引入.conf的语法高亮而不需要安装此插件
  • nginx.conf hint:nginx配置文件的智能提示和补全,好不好用你说了算


Theme


有两个推荐的主题,我个人觉得很耐看的



目录
相关文章
|
JSON JavaScript 数据格式
vue在vscode代码格式化
vue在vscode代码格式化
541 2
针对react-captcha-code第三方插件不能每次触发深颜色的处理
针对`react-captcha-code`插件生成浅色验证码的问题,通过改造成class组件`MyCaptcha.js`,自定义颜色和验证码生成逻辑,解决了颜色问题。
189 1
针对react-captcha-code第三方插件不能每次触发深颜色的处理
|
前端开发 Python
React技术栈-React路由插件之自定义组件标签
关于React技术栈中React路由插件自定义组件标签的教程。
185 4
React技术栈-React路由插件之自定义组件标签
|
开发框架 前端开发 JavaScript
React、Vue.js 和 Angular主流前端框架和选择指南
在当今的前端开发领域,选择合适的框架对于项目的成功至关重要。本文将介绍几个主流的前端框架——React、Vue.js 和 Angular,探讨它们各自的特点、开发场景、优缺点,并提供选择框架的建议。
354 6
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么?
React 和 Vue.js 框架的区别是什么?
|
前端开发 JavaScript API
React、Vue.js 和 Angular前端三大框架对比与选择
前端框架是用于构建用户界面的工具和库,它提供组件化结构、数据绑定、路由管理和状态管理等功能,帮助开发者高效地创建和维护 web 应用的前端部分。常见的前端框架如 React、Vue.js 和 Angular,能够提高开发效率并促进团队协作。
1036 4
|
前端开发 程序员 API
React技术栈-React路由插件之react-router的基本使用
这篇博客介绍了React路由插件react-router的基本使用,包括其概念、API、以及如何通过实战案例在React应用中实现SPA(单页Web应用)的路由管理。
287 9
|
前端开发 C++
使用 Vite 创建 React+TS+SW 项目并整合 AntDesign 、Scss 等组件或插件
本文记录了如何使用Vite创建一个React+TypeScript+Service Workers(SW)项目,并整合AntDesign组件库和Scss等插件,包括项目的创建、配置问题解决、AntDesign和Scss的整合方法。
928 1
|
前端开发
VSCode中自带插件Emmet的用法
Emmet 是一个强大的工具,集成在 Visual Studio Code (VSCode) 中,可以大大提高编写 HTML 和 CSS 的效率。以下是如何使用 Emmet 插件的一些基本方法
228 4
|
前端开发 JavaScript 开发者
探索现代前端框架:从React到Vue.js
【6月更文挑战第26天】在数字时代的浪潮中,前端框架如同建筑的基石,支撑着互联网界面的创新与发展。本文将带领读者穿梭于React与Vue.js这两个最受欢迎的前端框架之间,揭示它们的核心特性、设计理念以及在实际开发中的应用差异。通过比较分析,我们将理解每个框架的优势和局限,并探索如何根据项目需求作出明智的选择。加入我们,一起深入前端技术的瑰丽世界,发现构建未来网络界面的无限可能。