Atom中七个实用React插件

最新推荐文章于 2024-06-10 09:51:53 发布
最新推荐文章于 2024-06-10 09:51:53 发布
阅读量3.3k 收藏 3
点赞数
分类专栏： React 文章标签： Atom IDE atom插件 编辑器插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41754739/article/details/80884812
版权

提前下载好Atom并安装，打开setting > install, 出现界面如下： 直接在Search packages中搜索需要的插件即可



插件一： atom-ternjs  JS ES6新语法支持，代码智能提示补全



插件二：atom-beautify  代码美化格式工具

插件三：open in browser  将HTML代码一键在浏览器中打开



插件四：emmet 自动一键补全代码

插件五：file-icons  为每种文件类型添加彩色的小图标



插件六：highlight-line  高亮所选中的行




插件七：highlight selected  高亮所选中的内容


插件五：file-icons  为每种文件类型添加彩色的小图标
捕鱼麦大叔
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react atom_使用Atom抽象开发React全球状态库
weixin_26750481的博客
09-07 598
react atom 介绍 (Introduction) I have been developing various global state libraries for React. For example: 我一直在为React开发各种全局状态库。 例如: react-tracked React跟踪 react-hooks-global-state React钩子全球状态 My main ...
react-native 学习一 安装篇 atom安装教程
weixin_42262889的博客
05-29 141
Mac ios 安装软件 1.brew install node (node> 8.3) 2.brew install watchman 3.npm install -g react-native-cli 4.react-native init AwesomeProject --version X.XX.X 5.react-native init AwesomeProject --ver...
探秘高效状态管理：React-Atom
最新发布
gitblog_00048的博客
06-10 312
探秘高效状态管理：React-Atom 项目地址:https://gitcode.com/derrickbeining/react-atom 在React开发中，管理组件的状态是一项核心任务，而React-Atom提供了一种简单优雅的方式来处理这一问题。这个项目是基于React的Hook API构建的，并从reagent.cljs中的原子（Atom）概念获取灵感，让我们深入了解一下它。 项目简介 ...
React最佳入门 Atom 插件推荐
Roy Blog!
12-09 649
React最佳入门 Atom 插件推荐
推荐使用：react-native-marquee — 轻松实现React Native滚动文本组件
gitblog_00071的博客
06-02 297
推荐使用：react-native-marquee — 轻松实现React Native滚动文本组件 项目地址:https://gitcode.com/kyo504/react-native-marquee 在React Native开发中，有时我们需要创建一个持续滚动的文本效果，例如新闻标题、公告或者广告语等。react-native-marquee就是这样一个纯JavaScript实现的滚动文...
04、React系列之 开发工具Atom配置
weixin_33767813的博客
12-15 116
版权声明：本文为博主原创文章，未经博主允许不得转载。 PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/d5ddbb9f613a 本文出自TigerChain简书 React系列教程 正文 开发工具Atom配置 首先必须说一点不是主atom是React的必选的开发工具，你可以使用 webstrom, sublime 等各种开发工具，由...
Atom React或前端插件推荐
YUSIR 完美CODING世界
09-29 1207
分享一些Atom个人在用的插件,喜欢请点赞   1. color-picker 取色工具 2. pigments 编辑器中直接查看代码所代表的颜色，工具虽小但是很实用。 3. minimap 仿sublime text的缩略代码查看，想找的地方一目了然。 4. highlight-selected 选择某段代码自动高亮相同代码 5. minimap-highli...
awesome-atom-packages：一些对Web开发人员有用的Atom程序包！
01-30
下面是一些可能包含在"awesome-atom-packages"中的常见且实用的Atom插件： 1. **Autocomplete Plus**：提供智能代码补全功能，支持多种编程语言。 2. **Git Plus**：增强版的Git命令行，提供图形化操作界面。 3. **...
Atom-atom-jest-snippets,用于笑话的atom编辑器片段.zip
09-18
Jest 是一个流行的JavaScript测试框架，由Facebook开发并维护，广泛应用于React和其他JavaScript项目的测试。它提供了丰富的断言库、模拟（mocking）功能以及自动化的代码覆盖率报告。Jest 的特点是快速、易用且全面...
GitHub 上高质量、有趣实用的开源技术教程、开发者工具、编程网站、技术资讯
01-17
- IDE插件：Visual Studio Code、Atom、IntelliJ等IDE都有丰富的GitHub插件，如GitHub Pull Request、GitHub Issues等，帮助开发者更高效地协作。 - 自动化工具：如GitHub Actions，允许开发者创建自定义的工作流...
Web开发实用软件
03-05
压缩包中的“Web开发实用软件.ppt”很可能是一个PowerPoint演示文稿，详细列举了上述的一些工具，并可能包含了使用技巧、配置示例或对比分析。通过阅读这份文档，你可以深入了解并掌握更多的Web开发工具，从而提升...
drag-layout:基于React，可拖拽修改页面布局的插件
04-01
拖动布局 概述 基于react完成的一个插件，拖拽修改页面布局。核心代码在src/drag_layout/index.js。 演示 下载后项目启动 # install dependencies npm install # Start the service npm run start # build for development npm run dev # build for production npm run umd 提供参数 boxSource array 要排列的盒子的数据源 [ { id , title , width , height , top , left , render } ] id , title width , 1 ～12 代表格数， 整个宽包括12个格和11个固定margin hei
Atom编辑器折腾记_(23)加快React开发的插件汇总
CRPER
08-13 2万+
汇总当前比较实用的atom插件[偏react开发的]-- 暂时应该没有比我更全面的！嘎嘎
atom中的react 插件汇总
Oliver_web的博客
08-03 739
atom-react-autocomplete–项目内，组件名及状态的自动补全  autocomplete-js-import–模块导入智能提示  emmet-jsx-css-modules– React内的Emmet补全，非单纯的expand【class => className 】！！ language-javascript-jsx – JavaScr
Atom中开发React的插件收集列表
谦与谦寻的神隐
08-28 414
成功弃坑VSCode转向atom，原因竟然是因为一个atom的插件`atom-miku-diy`，有ミクちゃん陪着，写代码也不寂寞了。整理了一些开发React的时候atom里面可以安装的插件。 1. atom-miku-diy，初音未来跳舞陪你写代码哇 2. react，react的核心库1 3. es6-react-redux-snippets：如果搭配了redux做开发，个人觉得好像很方...
react-利用Atom搭建开发环境
doctorq
09-13 1万+
学习完React Native抽时间来看看它的基础React，利用ATom来搭建Reactjs开发环境 atomgithub官方推出的编辑器atom-beautify插件atom-beautify用来格式化代码用的，在atom编辑器中打开’Settings’面板，可以通过快捷键Command+,来打开,打开后进入Install，在搜索框中输入atom-beautify，然后点击安装就行：atom-h
React 安装，以及Atom插件补充
小猪快跑
03-09 557
React 入门实例教程 http://www.ruanyifeng.com/blog/2015/03/react.html Atom编辑器折腾记_(23)加快React开发的插件汇总【浪一波】 http://blog.csdn.net/crper/article/details/52196675 前段学习框架 http://www.css88.com/archives/748 Rea...
atom + react.js
晓强的技术博客
07-13 1229
命令面板当你按下 cmd-shift-P 并且当前焦点在一个窗格上的时候，命令面板就会弹出来。在这个教程中我们会用类似 cmd-shift-P 的形式来运行命令，这是 Atom 在 Mac 上的默认快捷键，如果你在其他的平台上使用 Atom, 可能会稍有不同。如果某个快捷键无法工作，你可以通过命令面板来查找正确的快捷键。在 Atom 中几乎所有的操作都通过这种搜索驱动的菜单来完成，你只需要按下 cm
React Native开发之IDE（Atom+Nuclide）安装，运行，调试
热门推荐
Leo的专栏
06-08 5万+
欢迎Follow我的Github，博客会同步在Github的Blog仓库更新。也可以关注CSDN博客的React Native分类 LeoMobileDeveloper 前言 工欲善其事，必先利其器 好像在哪听到一句话，”满级程序员不需要IDE，不需要自动补全，不需要静态语法检查”。对于这种言论，我只想说bullshit。IDE对于开发还是很重要的，而React Native开发官方推荐使用A
vscode中react插件
09-24
在vscode中，有很多插件可以帮助你开发React应用程序。其中一些常用的React插件包括： 1. ES7 React/Redux/GraphQL/React-Native snippets：提供了一些常用的代码片段，可以快速生成React组件、生命周期方法等。 2...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值