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


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



目录
相关文章
|
11天前
|
人工智能 JavaScript 关系型数据库
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
57 14
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
|
29天前
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
55 10
|
3月前
|
存储 缓存 JavaScript
如何优化React或Vue应用的性能
需要注意的是,性能优化是一个持续的过程,需要根据具体的应用场景和性能问题进行针对性的优化。同时,不同的项目和团队可能有不同的优化重点和方法,要结合实际情况灵活运用这些优化策略,以达到最佳的性能效果。
151 51
|
3月前
|
监控 JavaScript 前端开发
如何在实际应用中测试和比较React和Vue的性能?
总之,通过多种方法的综合运用,可以相对客观地比较 React 和 Vue 在实际应用中的性能表现,为项目的选择和优化提供有力的依据。
64 1
|
3月前
|
JavaScript 前端开发 测试技术
React和Vue的性能对比如何?
需要注意的是,性能不仅仅取决于框架本身,还与开发者的代码质量、架构设计以及项目的优化程度等密切相关。因此,在评估性能时,应该综合考虑多个因素,而不是仅仅局限于框架之间的比较。
260 1
|
3月前
|
JavaScript 前端开发 开发者
React和Vue有什么区别?
React 和 Vue 都有各自的优势和特点,开发者可以根据项目的需求、团队的技术背景以及个人的喜好来选择使用。无论是 React 还是 Vue,它们都在不断发展和完善,为前端开发提供了强大的支持。
217 2
|
3月前
|
JavaScript 前端开发 开发者
JavaScript框架React vs. Vue:一场性能与易用性的较量
JavaScript框架React vs. Vue:一场性能与易用性的较量
67 0
|
3月前
|
JavaScript 前端开发 算法
React 框架和 Vue 框架的区别是什么?
React框架和Vue框架都是目前非常流行的前端JavaScript框架,它们在很多方面存在区别
|
8天前
|
JavaScript 前端开发 开发者
Vue中的class和style绑定
在 Vue 中,class 和 style 绑定是基于数据驱动视图的强大功能。通过 class 绑定,可以动态更新元素的 class 属性,支持对象和数组语法,适用于普通元素和组件。style 绑定则允许以对象或数组形式动态设置内联样式,Vue 会根据数据变化自动更新 DOM。
|
8天前
|
移动开发 JavaScript API
Vue Router 核心原理
Vue Router 是 Vue.js 的官方路由管理器,用于实现单页面应用(SPA)的路由功能。其核心原理包括路由配置、监听浏览器事件和组件渲染等。通过定义路径与组件的映射关系,Vue Router 将用户访问的路径与对应的组件关联,支持哈希和历史模式监听 URL 变化,确保页面导航时正确渲染组件。

热门文章

最新文章