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


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



目录
相关文章
|
9天前
|
前端开发 JavaScript Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时,刷新页面导致404错误的问题,并提供了两种解决方案:一是在SpringBoot启动类中配置错误页面重定向到index.html,二是将前端路由改为hash模式以避免刷新问题。
49 1
|
2月前
|
XML JavaScript 前端开发
Vue和React有什么区别
【8月更文挑战第28天】Vue和React有什么区别
215 0
|
8天前
|
前端开发 JavaScript UED
react或者vue更改用户所属组,将页面所有数据进行替换(解决问题思路)____一个按钮使得页面所有接口重新请求
在React或Vue中,若需在更改用户所属组后更新页面所有数据但不刷新整个页面,可以通过改变路由出口的key值来实现。在用户切换组成功后,更新key值,这会触发React或Vue重新渲染路由出口下的所有组件,从而请求新的数据。这种方法避免了使用`window.location.reload()`导致的页面闪烁,提供了更流畅的用户体验。
17 1
react或者vue更改用户所属组,将页面所有数据进行替换(解决问题思路)____一个按钮使得页面所有接口重新请求
|
9天前
|
JavaScript 前端开发 应用服务中间件
本地运行打包好的React、Vue项目
本文讨论了如何本地运行打包好的React和Vue项目,并解决了使用React-Router时Tomcat部署刷新页面导致404的问题,提出了将请求转回index.html的解决方案。
13 1
本地运行打包好的React、Vue项目
|
5天前
|
存储 JavaScript 前端开发
Node 版本控制工具 NVM 的安装和使用(Windows)
本文介绍了NVM(Node Version Manager)的Windows版本——NVM for Windows的安装和使用方法,包括如何安装Node.js的特定版本、列出已安装版本、切换使用不同版本的Node.js,以及其他常用命令,以实现在Windows系统上对Node.js版本的便捷管理。
Node 版本控制工具 NVM 的安装和使用(Windows)
|
11天前
|
JavaScript 前端开发 算法
vue和react的区别是什么?
vue和react的区别是什么?
|
8天前
|
JavaScript 前端开发
react字符串转为dom标签,类似于Vue中的v-html
本文介绍了在React中将字符串转换为DOM标签的方法,类似于Vue中的`v-html`指令,通过使用`dangerouslySetInnerHTML`属性实现。
20 0
react字符串转为dom标签,类似于Vue中的v-html
|
2月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
69 5
vscode10大常用插件
|
20天前
|
前端开发 JavaScript 开发者
Express.js与前端框架的集成:React、Vue和Angular的示例与技巧
本文介绍了如何将简洁灵活的Node.js后端框架Express.js与三大流行前端框架——React、Vue及Angular进行集成,以提升开发效率与代码可维护性。文中提供了详细的示例代码和实用技巧,展示了如何利用Express.js处理路由和静态文件服务,同时在React、Vue和Angular中构建用户界面,帮助开发者快速掌握前后端分离的开发方法,实现高效、灵活的Web应用构建。
36 3
|
19天前
|
JavaScript 前端开发 API
如何在前端开发中有效管理状态:React vs. Vue
在现代前端开发中,状态管理是一个关键因素,它直接影响到应用的性能和可维护性。React 和 Vue 是当前最流行的前端框架,它们在状态管理方面各有优势和劣势。本文将深入探讨 React 和 Vue 在状态管理中的不同实现,分析它们的优缺点,并提供实际应用中的最佳实践,以帮助开发者选择最适合他们项目的解决方案。
下一篇
无影云桌面