-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
137 lines (134 loc) · 6.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
---
title: erlide, the Erlang IDE
layout: base
---
<div class='bg-[url("../images/erlide_zen_1280.jpg")] bg-right-top bg-cover overflow-hidden mt-5 px-12 py-8'>
<div class='p-3 bg-transparent rounded shadow-md w-fit backdrop-blur'>
<h1 class="text-8xl sm:text-9xl">
<a href="/"><span><span class="_A80103">erl</span><span class="_5C4A95">ide</span></span></a>
</h1>
<div >
<span class="flex items-center gap-4">Kernel: <a href="https://badge.fury.io/gh/erlang%2Ferlide_kernel"><img
src="https://badge.fury.io/gh/erlang%2Ferlide_kernel.svg" alt="Kernel version"
height="18"></a></span>
<span class="flex items-center gap-4">Eclipse: <a
href="https://badge.fury.io/gh/erlang%2Ferlide_eclipse"><img
src="https://badge.fury.io/gh/erlang%2Ferlide_eclipse.svg" alt="Eclipse version"
height="18"></a></span>
</div>
</div>
<div class='flex flex-wrap mt-4'>
<div class="flex flex-col items-start w-full gap-3 md:w-2/3 offset1">
<p class='mb-2 text-xl font-fancy'>
An IDE for Erlang, powered by Eclipse.
</p>
<a class='inline-block px-3 py-1 font-normal leading-normal text-center text-white no-underline whitespace-no-wrap align-middle bg-blue-600 border rounded shadow select-none hover:bg-blue-600'
href='articles/index.html#getting_started'>Get Started! »</a>
<a class="inline-block px-3 py-1 font-normal leading-normal text-center no-underline whitespace-no-wrap align-middle bg-gray-100 border rounded shadow select-none"
href="articles/eclipse/index.html">Read Eclipse documentation »</a>
</div>
<div class='p-3 mt-3 text-gray-700 bg-transparent rounded shadow-md w-fit md:w-1/3 backdrop-blur'>
<h4 class="">Compatibility</h4>
<ul class="font-bold">
<li class="ml-6">
Erlang/OTP 23 – 25
</li>
<li class="ml-6">
Java 1.8
</li>
<li class="ml-6">
Eclipse 4.9+
</li>
</ul>
</div>
</div>
</div>
<div class='flex flex-wrap gap-4 md:flex-nowrap'>
<div class='w-full md:w-1/3'>
<h2>Manage projects</h2>
<img class="w-full" src="/assets/images/navigator.png" class="mb-4" alt="Navigator snapshot" />
<ul class="list-disc list-inside">
<li>create project wizard</li>
<li>
create module with templates (for example gen_server, application)
</li>
<li>
track dependencies between projects
</li>
<li>
configure projects (source directories, test directories, etc)
</li>
</ul>
<div class="mt-3 font-bold">Planned features</div>
<ul class="list-disc list-inside">
<li>use rebar for configuration and build</li>
</ul>
</div>
<div class='w-full md:w-1/3'>
<h2>Editing support</h2>
<img class="w-full" src="/assets/images/editor.png" class="mb-4" alt="Editor snapshot" />
<ul class="list-disc list-inside">
<li>code syntax highlighting</li>
<li>show code structure in outline</li>
<li>
search and navigation to definition/references of code elements
</li>
<li>autocompletion for code elements</li>
<li>presentation of documentation from code and OTP</li>
<li>correct indentation of code</li>
</ul>
<div class="mt-3 font-bold">Planned features</div>
<ul class="list-disc list-inside">
<li>show places where a function is called from (hierarchically)</li>
<li>pretty-print code</li>
<li>automated quick fixes for common errors</li>
</ul>
</div>
<div class='w-full md:w-1/3'>
<h2>Tool integrations</h2>
<img class="w-full" src="/assets/images/debug.png" class="mb-4" alt="Debugger snapshot" />
<ul class="list-disc list-inside">
<li>run and debug your code, with hot code reloading when the editor is saved</li>
<li>execute dialyzer on your projects</li>
<li>view and export edoc documentation</li>
</ul>
<div class="mt-3 font-bold">Planned features</div>
<ul class="list-disc list-inside">
<li>tracing</li>
<li>observer</li>
</ul>
</div>
</div>
<div class='w-full mt-12 mb-6'>
<section class="">
<h3 class="mb-8 text-gray-700">Many thanks to our friends and sponsors:</h3>
<ul class="flex flex-wrap items-center justify-center gap-4 md:flex-nowrap">
<li class="w-1/3 md:w-1/6 ">
<a class="max-h-24" href="https://www.ericsson.com" rel="nofollow"><img src="/assets/images/sponsors/Ericsson-logo.jpg"
alt="Ericsson" /></a>
</li>
<li class="w-1/3 md:w-1/6 ">
<a class="max-h-24" href="https://www.erlang.org" rel="nofollow"><img src="/assets/images/sponsors/erlang110.gif"
width="110" height="96" alt="Erlang" /></a>
</li>
<li class="w-1/3 md:w-1/6 ">
<a class="max-h-24" href="https://www.eclipse.org" rel="nofollow"><img
src="/assets/images/sponsors/Eclipse_Logo2014_New.jpg" width="250" alt="Eclipse" /></a>
</li>
<li class="w-1/3 md:w-1/6 ">
<a class="max-h-24" href="https://www.erlang-solutions.com" rel="nofollow"><img
src="/assets/images/sponsors/ES_new_logo_small.png" width="200" alt="Erlang Solutions" /></a>
</li>
<li class="w-1/3 md:w-1/6 ">
<a class="max-h-24" href="https://www.headwaysoftware.com/products/" rel="nofollow"><img
src="/assets/images/sponsors/sr101-5-icon-white-180x85.png" width="180" height="85"
alt="Structure101 - Tools to reduce the complexity of your codebase" /></a>
</li>
<li class="w-1/3 md:w-1/6 ">
<a class="max-h-24" href="https://www.ej-technologies.com/products/jprofiler/overview.html" rel="nofollow"><img
src="/assets/images/sponsors/jprofiler_large.png"
alt="JProfiler - award-winning all-in-one Java profiler" /></a>
</li>
</ul>
</section>
</div>