html编辑软件有哪些 | 您所在的位置:网站首页 › linux的vim编辑器自动补全 › html编辑软件有哪些 |
html编辑软件有:Nuclide、Atom、Sublime Text、Visual Studio Code、Vim编辑器、GNU Emacs编辑器、Spacemacs编辑器、Deco IDE、WebStorm、TextMate编辑器等。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 市面上用于开发工作的编辑器非常多,笔者会经常因为不同的编程语言该如何选择好用的编辑器而感到纠结。而在随后从事 React Native 开发工作过程中,对相应的编辑器做了一些探索和研究,本文总结了一些非常适合移动应用开发的编辑器和 IDE。 1. Nuclide![]() Nuclide 是基于 Atom 之上构建的单独的一个包,其提供可编程性且社区非常活跃。它为 React Native、Hack 和 Flow 项目提供一流的开发环境。 2. Atom![]() 文档: 设置:http://flight-manual.atom.io/Atom with React Native:https://blog.sendbird.com/tutorial-build-a-messaging-app-using-react-native/支持平台:Windows、Mac、Linux Licence:开源特性: 跨平台编辑内置包管理器智能自动补全文件系统浏览器多个窗格查找和替换Atom 是一款现代化、易用、可控的文本编辑器。Atom 被开发人员广泛应用于多种编程语言。它有一个庞大而活跃的社区,诞生了很多有用的插件。 Atom 常用的包: atom-react-native-autocomplete package - 该包针对 React-Native,为 Atom 编辑器提供自动补全功能。atom-react-native-css - 这是一个内置支持 SASS、SCSS 的 React-Native 组件的包。React-native-css 将有效的 CSS、SASS转换为 CSS 的 Facebook 子集。react-native-snippets - 该包是 Atom和 Nuclide 的 React Native 片段。zenchat-snippets - 它是react-native、redux 和 ES6 的片段集合。atom-xcode - 用于集成 Mac Xcode 和 atom。安装之后,iOS 模拟器可以在 atom 内进行控制。language-babel - 包含所有 JavaScript 版本的语法,包括 ES2016 和 ESNext、用于 Facebook React 的 JSX 语法、以及 Atom 的 etch。推荐教程:《html视频教程》 3. Sublime Text![]() Sublime Text 是一个复杂的文本编辑器,可用于编写代码、做标记和编写普通文本。社区提供了大量的插件扩展其功能。Sublime Text 一直是开发人员最喜欢的编辑器。 Sublime Text 常用包 react-native-snippets - 用于 react native 的 Sublime Text 的片段集合babel-sublime - 具有 React JSX 扩展的 ES6 JavaScript 的语法定义。4. Visual Studio Code![]() Visual Studio Code 是由 Microsoft 为 Windows、Linux 和 OS X 开发的源代码编辑器。它是免费和开源的,支持调试、嵌入式 Git 控件、语法高亮、智能代码补全、代码段和代码重构。 扩展 ReactNative Tools - 此扩展为React Native 项目提供了开发环境。你可以调试代码,从命令终端快速运行 react-native 命令,并使用 IntelliSense 浏览 React Native API 的对象、函数和参数。 Vim编辑器5. Vim 编辑器![]() 文档: Vim 文档:http://www.vim.org/docs.php为 React-JSX 设置 Vim:https://jaxbo/articles/setting-up-vim-for-react-js-jsx-02-03-2015License:开源 支持平台:Mac、Linux特性: 持久、多层次的撤销树广泛的插件系统支持数百种编程语言和文件格式强大的搜索和替换功能能够与许多工具集成Vim 是一种高度可配置的文本编辑器,可以非常高效地创建和更改任何类型的文本。大多数 UNIX 系统都以 “vi” 的形式支持它。许多开发人员喜欢使用 Vim 进行各种编辑工作。Vim 非常稳定,并且在不断发展而变得更好。 Vim 插件 vim-jsx - 提供 JSX 的语法高亮和缩进。vim-react-snippets - 一组为 Vim 打造的可与Facebook 的 React 库一起使用的片段。vim-babel - 一组为 Vim 打造的可与Facebook 的 React 库一起使用的片段。6. GNU Emacs 编辑器![]() GNU EMACS 是一个可扩展、可定制、免费、自由的文本编辑器。 扩展 web-mode.el - 它是一个自主的 emacs 主模块,用于编辑 Web模板。它与许多语言兼容,包括 JSX(React)。7. Spacemacs 编辑器![]() Spacemacs 是一个社区驱动的 Emacs 发行版 - 最好的编辑器既不是 Emacs 也不是Vim,它是 Emacs 和 Vim 相结合! 扩展 React layer - 适用于 React 的 ES6 和 JSX 配置层。它将自动识别 .jsx 和 .react.js 文件。一个用于 React集成的包层。8. Deco IDE![]() Deco 是专为 React Native 打造的 IDE。它是一个用于编写 React Native 应用程序的一体化解决方案,无需任何环境设置即可下载和使用。Deco 专注于组件重用,并支持用户对 UI 的实时编辑,从而改进了React Native 开发工作流程。 9. WebStorm![]() WebStorm 建立在开源 IntelliJ 平台之上,JetBrains 已经开发和完善了15多年。它提供与 VSC、本地历史功能的紧密集成,具有充满活力的插件生态系统,是完全可配置的,还提供大量其他的功能。WebStorm 为 React 和 JSX 提供高级支持,并提供 React Native 应用程序的核心编码协助。 10. TextMate 编辑器![]() TextMate 并不是 IDE,但是通过使用其强大的片段、宏和独特的范围界定系统,它通常可以提供即使是编程语言特定的 IDE 都缺乏的功能。React 不直接支持,但是借助下面的插件可以很容易地获得对大多数 React 代码所基于的 JSX 的支持。 插件 javascript-jsx.tmbundle - 用于JSX(React)的 Textmate Bundle。目前支持语法高亮。更多编程相关知识,请访问:编程视频!! 以上就是html编辑软件有哪些的详细内容,更多请关注php中文网其它相关文章! |
CopyRight 2018-2019 实验室设备网 版权所有 |