👁️‍🗨️开发Next.js,VScode必备插件
00 min
2024-9-29
2024-9-29
type
status
date
slug
summary
tags
category
icon
password
😀
这里写文章的前言: 一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么?并简述你给出的答案。
可以说说你的故事:阻碍、努力、结果成果,意外与转折。
 

📝 会一直进行更新

ES7+ React/Redux/React-Native snippets

JavaScript and React/Redux snippets in ES7+ with Babel plugin features for VS Code
可以根据ES7的规则进行提示,
JavaScript (ES6) code snippets 提供大量的 ES6 代码片段,可以快速插入常用的 JavaScript 代码。
  • 功能: 快速生成常用的 JavaScript/TypeScript 代码片段,比如箭头函数、Promise、fetch 请求等。
  • 推荐理由: 减少书写常见代码的时间,提升开发速度。
notion image

ESLint

Integrates ESLint JavaScript into VS Code.
规范代码规范用的
notion image
 

indent-rainbow

Makes indentation easier to read VS Code.
让缩进更加好看的
notion image
 

Material Icon Theme

Material Design Icons for Visual Studio Code.
让图标更加好看的
notion image
 

Prettier - Code formatter

Code formatter using prettier.
规范
notion image
 

Stylelint

Official Stylelint extension for Visual Studio Code
让格式更好看的
notion image
 

Tailwind CSS IntelliSense

是为使用 Tailwind CSS 开发的 Next.js 项目提供支持的插件,它可以为你提供自动补全和即时反馈。
 
  • 功能: 实时的 Tailwind CSS 类名补全和语法提示。
  • 推荐理由: Tailwind 是很多 Next.js 项目中常用的 CSS 工具,这个插件能极大提升你的样式编写效率。
notion image

Path Intellisense

Path Intellisense 自动补全文件路径,特别是在使用 Next.js 时,你会经常引用不同的文件、图片、组件等资源,使用这个插件能让文件路径补全变得更简单。
  • 功能: 文件路径自动补全。
  • 推荐理由: 减少因手动输入路径导致的错误,提高效率。
notion image

Next.js Snippets

Next.js Snippets 提供了很多 Next.js 的代码片段,帮助你更快速地编写常用的功能代码。
  • 功能: 快速插入常用的 Next.js 代码片段,如 getStaticPropsgetServerSideProps、页面路由等。
  • 推荐理由: 大幅减少编写 Next.js 核心功能的时间,提高开发速度。
notion image
 

🤗 总结归纳

总结文章的内容

📎 参考文章

  • 一些引用
  • 引用文章
 
💡
有关Notion安装或者使用上的问题,欢迎您在底部评论区留言,一起交流~
上一篇
Next.js,lowdb,apifox的相互配合
下一篇
VScode常用快捷键汇总,让编码更加流畅