精华内容
下载资源
问答
  • 一款好的代码编辑器可以使工作更有效率,今天要给大家推荐一款Mac文本代码编辑器推荐—-CudaText。CudaText Mac版是一款轻便好用的跨平台文本代码编辑器,具有很好的配置可能性和许多高级功能,语法突出显示支持Java...

    一款好的代码编辑器可以使工作更有效率,今天要给大家推荐一款Mac文本代码编辑器推荐—-CudaText。CudaText Mac版是一款轻便好用的跨平台文本代码编辑器,具有很好的配置可能性和许多高级功能,语法突出显示支持Java、CSS、C、C ++、HTML等各种语言,代码折叠,多个插入符号,代码结构,编译器集成等。

    CudaText值得推荐的14个理由

    1、显示行号
    2、支持用标签页形式同时打开多个文本。
    3、多功能侧边栏,可以切换显示工程、代码树、项目。

    4、扩展功能。
    5、主题功能,如果默认的亮色主题不喜欢,那么可以使用暗色背景的主题。
    6、分组显示,利用分组功能,你做多可以让4个文本并排显示在界面上。
    7、小地图功能。如果文本或者代码很长的话,利用小地图功能可以很直观和快速的切换到你需要编辑的地方,这个功能极其推荐,因为它比滚动条好太多了。
    8、支持200+语法高亮。C,C ++,JavaScript,HTML,CSS,PHP,Python,XML等。
    9、html、css语法自动补全功能。这个对于web前端设计师来说效率倍增。
    10、二进制文件编辑。
    11、选择多行同时插入文本。

    12、高级查找功能(需要插件)。
    13、html提示功能(需要插件)。利用这个你可以直观的看到16进制颜色代码显示的颜色是何种效果。
    14、二元/16进制查看器。

    以上就为大家分享的的Mac文本代码编辑器推——CudaText for Mac,https://www.macdown.com/mac/781.html希望对大家有所帮助!

    展开全文
  • MonoDevelop是Unity默认采用的脚本编辑器, 会在安装Unity的时候自动安装,位置在安装Unity的根目录下;  修改Unity中默认的代码编辑器方法:      

    MonoDevelop是Unity默认采用的脚本编辑器,

    会在安装Unity的时候自动安装,位置在安装Unity的根目录下;

     修改Unity中默认的代码编辑器方法:

     

     

     

    展开全文
  • 使用 CodeMirror 打造在线代码编辑器

    万次阅读 2019-03-12 18:40:10
    写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,这里我把公司项目里用到的那部分抽出来,单独写篇博客...

    前提

    写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,这里我把公司项目里用到的那部分抽出来,单独写篇博客,并把抽出来的那部分代码提交到 GitHub 去

    简单介绍

    CodeMirror 是一款在线的支持语法高亮的代码编辑器。官网: http://codemirror.net/

    可能光看官网,第一眼觉得那些在线编辑器有点,反正第一眼给我的感觉就是这样子,但是经过自己的细调,也能打造出一款精美的在线代码编辑器。

    官网可以把它下载下来。

    下载后,解压开得到的文件夹中,lib 下是放的是核心库和核心 css,mode 下放的是各种支持语言的语法定义,theme 目录下是支持的主题样式。一般在开发中,添加 lib 下的引用和 mode 下的引用就够了。

    如何使用

    下面两个是使用 Code Mirror 必须引入的:

    <link rel="stylesheet" href="codemirror-5.31.0/lib/codemirror.css"/>
    <script src="codemirror-5.31.0/lib/codemirror.js"></script>

    接下来要引用的就是在 mode 目录下编辑器中要编辑的语言对应的 js 文件,这里以 Groovy 为例:

    <!--groovy代码高亮-->
    <script src="codemirror-5.31.0/mode/groovy/groovy.js"></script>

    如果你想让 Java 代码也支持代码高亮,则需要引入我从网上下载下来的 clike.js(我已经放到我的 GitHub 去了)

    <!--Java代码高亮必须引入-->
    <script src="codemirror-5.31.0/clike.js"></script>

    引用的文件用于支持对应语言的语法高亮。

    然后前面说了第一次进入 Code Mirror 官网,觉得那些编辑器比较丑,那可能是主题比较丑,我这里推荐一款还不错的主题,只需按照如下引入即可:

    <!--引入css文件,用以支持主题-->
    <link rel="stylesheet" href="codemirror-5.31.0/theme/dracula.css"/>

    如果你还想让你的编辑器支持代码行折叠,请按照如下进行操作:

    <!--支持代码折叠-->
    <link rel="stylesheet" href="codemirror-5.31.0/addon/fold/foldgutter.css"/>
    <script src="codemirror-5.31.0/addon/fold/foldcode.js"></script>
    <script src="codemirror-5.31.0/addon/fold/foldgutter.js"></script>
    <script src="codemirror-5.31.0/addon/fold/brace-fold.js"></script>
    <script src="codemirror-5.31.0/addon/fold/comment-fold.js"></script>

    是不是这样引入就好了呢,当然不是啦

    创建编辑器

    在实际项目中,一般都不会直接把 body 整个内容作为编辑器的容器。而最常用的,是使用 textarea。这里我在 里使用个 textarea,

    <!-- begin code -->
    <textarea class="form-control" id="code" name="code"></textarea>
    <!-- end code-->

    接下来就是创建编辑器了。

    //根据DOM元素的id构造出一个编辑器
    var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
    });

    是不是有点单调?

    没错,我还可以在里面给他设置些属性:(充分利用我一开始引入的那些文件)

    mode: "text/groovy",    //实现groovy代码高亮
    mode: "text/x-java", //实现Java代码高亮
    lineNumbers: true,	//显示行号
    theme: "dracula",	//设置主题
    lineWrapping: true,	//代码折叠
    foldGutter: true,
    gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
    matchBrackets: true,	//括号匹配
    //readOnly: true,        //只读

    如果需要查看更多属性,可以去官网查找,目前我只用到这些属性!

    下面也列举些吧:

    indentUnit: integer 缩进单位,值为空格数,默认为2 。

    smartIndent: boolean 自动缩进,设置是否根据上下文自动缩进(和上一行相同的缩进量)。默认为true。

    tabSize: integer tab字符的宽度,默认为4 。

    indentWithTabs: boolean 在缩进时,是否需要把 n*tab宽度个空格替换成n个tab字符,默认为false 。

    electricChars: boolean 在输入可能改变当前的缩进时,是否重新缩进,默认为true (仅在mode支持缩进时有效)。

    specialChars: RegExp 需要被占位符(placeholder)替换的特殊字符的正则表达式。最常用的是非打印字符。默认为:/[\u0000-\u0019\u00ad\u200b-\u200f\u2028\u2029\ufeff]/。

    specialCharPlaceholder: function(char) → Element 这是一个接收由specialChars选项指定的字符作为参数的函数,此函数会产生一个用来显示指定字符的DOM节点。默认情况下,显示一个红点(•),这个红点有一个带有前面特殊字符编码的提示框。

    rtlMoveVisually: boolean Determines whether horizontal cursor movement through right-to-left (Arabic, Hebrew) text is visual (pressing the left arrow moves the cursor left) or logical (pressing the left arrow moves to the next lower index in the string, which is visually right in right-to-left text). The default is false on Windows, and true on other platforms.(这段完全不晓得搞啥子鬼)

    keyMap: string 配置快捷键。默认值为default,即 codemorrir.js 内部定义。其它在key map目录下。

    extraKeys: object 给编辑器绑定与前面keyMap配置不同的快捷键。

    lineWrapping: boolean 在长行时文字是换行(wrap)还是滚动(scroll),默认为滚动(scroll)。

    lineNumbers: boolean 是否在编辑器左侧显示行号。

    firstLineNumber: integer 行号从哪个数开始计数,默认为1 。

    lineNumberFormatter: function(line: integer) → string 使用一个函数设置行号。

    gutters: array 用来添加额外的gutter(在行号gutter前或代替行号gutter)。值应该是CSS名称数组,每一项定义了用于绘制gutter背景的宽度(还有可选的背景)。为了能明确设置行号gutter的位置(默认在所有其它gutter的右边),也可以包含CodeMirror-linenumbers类。类名是用于传给setGutterMarker的键名(keys)。

    fixedGutter: boolean 设置gutter跟随编辑器内容水平滚动(false)还是固定在左侧(true或默认)。

    scrollbarStyle: string 设置滚动条。默认为”native”,显示原生的滚动条。核心库还提供了”null”样式,此样式会完全隐藏滚动条。Addons可以设置更多的滚动条模式。

    coverGutterNextToScrollbar: boolean 当fixedGutter启用,并且存在水平滚动条时,在滚动条最左侧默认会显示gutter,当此项设置为true时,gutter会被带有CodeMirror-gutter-filler类的元素遮挡。 inputStyle: string 选择CodeMirror处理输入和焦点的方式。核心库定义了textarea和contenteditable输入模式。在移动浏览器上,默认是contenteditable,在桌面浏览器上,默认是textarea。在contenteditable模式下对IME和屏幕阅读器支持更好。

    readOnly: boolean|string 编辑器是否只读。如果设置为预设的值 “nocursor”,那么除了设置只读外,编辑区域还不能获得焦点。

    showCursorWhenSelecting: boolean 在选择时是否显示光标,默认为false。

    lineWiseCopyCut: boolean 启用时,如果在复制或剪切时没有选择文本,那么就会自动操作光标所在的整行。

    undoDepth: integer 最大撤消次数,默认为200(包括选中内容改变事件) 。

    historyEventDelay: integer 在输入或删除时引发历史事件前的毫秒数。

    tabindex: integer 编辑器的tabindex。

    autofocus: boolean 是否在初始化时自动获取焦点。默认情况是关闭的。但是,在使用textarea并且没有明确指定值的时候会被自动设置为true。

    dragDrop: boolean 是否允许拖放,默认为true。

    allowDropFileTypes: array 默认为null。当设置此项时,只接收包含在此数组内的文件类型拖入编辑器。文件类型为MIME名称。

    cursorBlinkRate: number 光标闪动的间隔,单位为毫秒。默认为530。当设置为0时,会禁用光标闪动。负数会隐藏光标。

    cursorScrollMargin: number 当光标靠近可视区域边界时,光标距离上方和下方的距离。默认为0 。

    cursorHeight: number 光标高度。默认为1,也就是撑满行高。对一些字体,设置0.85看起来会更好。

    resetSelectionOnContextMenu: boolean 设置在选择文本外点击打开上下文菜单时,是否将光标移动到点击处。默认为true。

    workTime, workDelay: number 通过一个假的后台线程高亮 workTime 时长,然后使用 timeout 休息 workDelay 时长。默认为200和300 。(完全不懂这个功能是在说啥)

    pollInterval: number 指明CodeMirror向对应的textarea滚动(写数据)的速度(获得焦点时)。大多数的输入都是通过事件捕获,但是有的输入法(如IME)在某些浏览器上并不会生成事件,所以使用数据滚动。默认为100毫秒。

    flattenSpans: boolean 默认情况下,CodeMirror会将使用相同class的两个span合并成一个。通过设置此项为false禁用此功能。

    addModeClass: boolean 当启用时(默认禁用),会给每个标记添加额外的表示生成标记的mode的以cm-m开头的CSS样式类。例如,XML mode产生的标记,会添加cm-m-xml类。

    maxHighlightLength: number 当需要高亮很长的行时,为了保持响应性能,当到达某些位置时,编辑器会直接将其他行设置为纯文本(plain text)。默认为10000,可以设置为Infinity来关闭此功能。

    viewportMargin: integer 指定当前滚动到视图中内容上方和下方要渲染的行数。这会影响到滚动时要更新的行数。通常情况下应该使用默认值10。可以设置值为Infinity始终渲染整个文档。注意:这样设置在处理大文档时会影响性能。


    如果你要设置代码框的大小该怎么做呢?

    editor.setSize('800px', '950px');     //设置代码框的长宽

    另外,如果你想给代码框赋值,该怎么办呢?

    editor.setValue("");    //给代码框赋值
    editor.getValue();    //获取代码框的值

    如果你再想在其他地方设置新的属性,可以像下面这样写:

    editor.setOption("readOnly", true);	//类似这种
    

    里面所有涉及的代码在 GitHub 里可以下载:https://github.com/15137359541/CodeMirror

    原文:http://www.54tianzhisheng.cn/2017/12/09/CodeMirror/

    展开全文
  • 几款非常优秀且常用的代码编辑器

    千次阅读 2020-02-10 22:00:16
    关注、星标公众号,不错过精彩内容整理:黄工公众号:strongerHuang对于软件开发人员,代码编辑器直接影响代码编辑的效率。现在做软件开发,大多使用集成开发环境,且自带编辑器,但ID...

    关注、星标公众,不错过精彩内容

    整理:黄工

    公众号:strongerHuang

    对于软件开发人员,代码编辑器直接影响代码编辑的效率。现在做软件开发,大多使用集成开发环境,且自带编辑器,但IDE自带编辑器多少都存在一些不足。今天给大家分享几款优秀并且大家常用的编辑器。

    一、VS Code

    网址:

    https://code.visualstudio.com

    VS Code 绝大部分软件工程师都在使用,目前最新版本V1.42现已发布。

    Visual Studio Code是一个轻量级但功能强大的源代码编辑器,可用于Windows,macOS和Linux。

    特点:

    • 智能代码补全

    • 简化的调试

    • 快速,强大的编辑

    • 代码导航和重构

    • 内置的Git命令

    • 可扩展和可定制的插件


    二、Source Insight

    网址:

    https://www.sourceinsight.com

    Source Insight可以说是嵌入式工程师必备的一个工具,它是一个面向项目开发的程序编辑器和代码浏览器,它拥有内置的对C/C++, C#和Java等程序的分析。能分析源代码并在工作的同时动态维护它自己的符号数据库,并自动显示有用的上下文信息。

    source insight是一个优秀工具,付费是它的一点不足。

    三、Vim

    网址:

    http://www.vim.org

    Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性。

    其功能包括:

    • 扩展的插件系统

    • 支持数百种编程语言和文件格式

    • 强大的搜索和替换

    • 与许多工具集成


    四、UltraEdit

    网址:

    https://www.ultraedit.com

    UltraEdit 是一套功能强大的文本编辑器,也是以前很多工程师必备的一套编辑器。

    UltraEdit可以编辑文本、十六进制、ASCII 码,完全可以取代记事本(如果电脑配置足够强大),内建英文单字检查、C++ 及 VB 指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。

    特点:

    • 打开文件速度快

    • 列操作功能强大

    • 有代码折叠功能

    • 可以进行16进制编辑


    五、Atom

    网址:

    https://atom.io

    Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。

    特点:

    • 跨平台编辑

    • git 原生支持

    • 内置包管理器

    • 智能自动补全

    • 文件系统浏览器

    • 自定义界面(更改展示、背景、UI等)

    六、Sublime Text

    网址:

    https://www.sublimetext.com


    Sublime Text 是一个文本编辑器,同时也是一个先进的代码编辑器。

    常见编辑功能:

    • 自动完成

    • 多列编辑

    • 代码注释功能

    • 行操作

    • 转到定义

    最后说明:除了IDE自带编辑器,大家有时间可以上网了解一些常用的编辑器,说不定有你喜欢的。这些都是经典的编辑器,教程很多,上手容易,不妨抽空了解一下。

    ‧  END  

    推荐阅读:

    精选汇总 | 目录 | 搜索

    ANSI C、ISO C、Standard 是什么关系?

    支持10K高清视频是HDMI 2.1有什么特点?

    关注微信公众号『strongerHuang』,后台回复“1024”,查看更多精彩内容

    长按前往图中包含的公众号关注

    展开全文
  • 在线web代码编辑器的制作

    千次阅读 2017-09-01 08:48:35
    前端web在线代码编辑器
  • vue实现codemirror代码编辑器中的SQL代码格式化功能
  • 基于Web的代码编辑器 Ace的使用

    万次阅读 2019-02-27 11:32:09
    ACE 是一个开源的、独立的、基于浏览器的代码编辑器,可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过60种语言语法高亮,并能够处理代码多达400万行的大型文档。ACE开发团队称,ACE在性能和功能上可以...
  • Linux下Qt制作代码编辑器

    千次阅读 2018-04-20 10:21:45
     看了那么多博客,没几个说明自己的开发环境的,所以开头先说明一下这个代码编辑器的开发环境 系统 deepin15.5  内核 Qt版本 5.8.0 1.编辑器预览  下面进入正文,先来看一下这个编辑器的基本情况 有基本...
  • 简易代码编辑器是一种小型的编辑软件,它们不像那些专业的编程软件,需要占用极大的空间,简单方便是它们共同的优点。但是相对的,它们的一些功能会被舍弃,无法一些复杂的编程设计。这些代码编辑器最适合用来进行...
  • C# 代码编辑器实现-概述

    千次阅读 2019-04-30 11:19:15
    C# 代码编辑器实现 主要功能: 语法高亮 智能提示 实现Demo: 所使用第三方库: http://avalonedit.net/documentation/ https://github.com/icsharpcode/AvalonEdit ......
  • [软件开发] glsl代码编辑器

    千次阅读 2018-05-17 12:37:29
    glsl代码编辑器 本人根据自己的需求,借助Qt开发了一款形式上仿照nodepad++的glsl代码编辑器,支持glsl语法高亮、glsl内建词自动补齐、glsl内建词简单查询和其他编辑器常用功能,分享给有需要的朋友。 ui样式这些...
  • 在线代码编辑器 CodeMirror 使用简介

    千次阅读 2017-11-21 19:31:30
    在线代码编辑器 CodeMirror 使用简介 CodeMirror是一款在线的支持语法高亮的代码编辑器 github源码特点: 支持100多种语言 支持多语言混合 代码自动提示 代码折叠 键盘绑定事件 编辑模式 Vim,Emacs和Sublime Text ...
  • 前提写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,这里我把公司项目里用到的那部分抽出来,单独写篇...
  • vue-codemirror 代码编辑器

    千次阅读 2019-04-12 17:52:39
    codemirror 是一个非常强大的代码编辑器插件,但官方并没有提供 vue 的支持版本,不过跟 vue 集成的步骤并不复杂,以下是具体实现 更多精彩 更多技术博客,请移步 IT人才终生实训与职业进阶平台 - 实训在线 相关...
  • 开源云端代码编辑器 ACE Editor

    千次阅读 2017-02-13 15:49:27
    ACE 是一个开源的、独立的、基于浏览器的代码编辑器,可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过40种语言语法高亮,并能够处理代码多达400万行的大型文档。ACE开发团队称,ACE在性能和功能上可以...
  • Sublime Text这款代码编辑器一直以来我都认为比Notepad++好用的一个编辑器。搭配emmet插件使用,写代码特别得心应手。  今天和大家分享下这个英文代码编辑器的一些个人使用心得。 第一:Sublime Text 3的下载...
  • Python基础二:代码编辑器

    千次阅读 2018-05-11 09:08:07
    选择代码编辑器 Python基础系列内容为学习廖雪峰老师Python3教程的记录,廖雪峰老师官网地址:廖雪峰Python3教程 Author:yooongchun Email:yooongchun@foxmail.com 1.为什么? 在前面的博文中我们...
  • Vue.js简单集成ACE代码编辑器

    千次阅读 热门讨论 2018-10-09 15:09:07
    如果不想看安装引入和代码的讲解,可以直接拉到...此时此刻不得不考虑集成一款代码编辑器来替换掉弱鸡的 textarea 了,这里我使用 ACE 编辑器。  说点废话啊,关于使用 Vue 集成 ACE,踩坑无数,搜到的资料比较...
  • VC code 在mac 下面的微软代码编辑器

    千次阅读 2017-03-31 10:11:23
    还折腾出一个跨平台的开源代码编辑器。 https://code.visualstudio.com/ 下载地址: https://code.visualstudio.com/Download 跨平台的,支持windows,mac,linux。 开源的代码编辑器。在mac上比较稀缺。 用了...
  • 地址:在vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示)
  • 10款开发常用的代码编辑器

    万次阅读 2016-10-28 10:49:21
     Notepad++是一款免费但优秀的代码编辑器,运行在Windows环境下,可以支持多种编程语言。它在50多种程序、脚本和标记语言上都有着语法高亮、代码折叠等功能。用户可以人为设置当前语言,它还支持实现一些编程语言的...
  • linux 环境下常用的代码编辑器

    千次阅读 2018-02-23 10:24:38
    1,命令行方式:vim +各种插件(如显示函数,宏,文件目录)2,界面方式:eclipse 和win下的几乎一模一样,非常方便,自己选定交叉工具链3,其余的代码编辑器本人没去研究,有时间在去折腾一下其他编辑器...
  • sublime text 3 for Mac(高级代码编辑器)代码设计师必备软件 sublime text mac破解版是专为mac用户设计的一款功能全面的代码编辑器,Sublime Text mac集合窗口分组、项目管理、扩展工具、代码折叠等功能,是程序员...
  • 大家好,我是:じ☆ve朽木,...react项目中有个需求需要对接一个代码编辑器,查看了ant design官方社区精选组件提供了两款代码编辑器,有一款是微软推出的,但是代码提示不是很友好,最后需求又查看了阿里云的相关...
  • 集成代码编辑器ACE的经验

    万次阅读 2015-03-03 11:27:42
    ACE是最流行的在线代码编辑器之一,在CanTK的集成开发环境GameBuilder里也使用了ACE。ACE的功能非常强大,但是由于使用方法不当,大家反映GameBuilder的代码编辑器不好用。最近花了点时间去完善它,这里把遇到的问题...
  • Linux程序员经常抱怨,自从他们使用了免费开源的系统平台后,作为一名程序员,却并没有在代码编辑器上得到足够的重视。他们往往会认为Linux平台上的代码编辑器太少了,以至于影响他们的编程工作。但是事实并非如此,...
  • Ace 代码编辑器

    千次阅读 2018-10-16 09:21:40
    代码风格美化编辑器 更多精彩 更多技术博客,请移步 asing1elife’s blog 官网 Ace - The High Performance Code Editor for the Web API 设置主题 editor.setTheme(&quot;ace/theme/twilight&...
  • CodeMIrror.js在线代码编辑器简单使用

    千次阅读 2019-09-03 23:19:43
    代码高亮是程序员的刚需,不管是在笔记...CodeMirror 是一款在线的支持语法高亮的代码编辑器。 codeMirror可以直接在官网下载:http://codemirror.net/ 下载文件中,我们需要的是 lib 下的 codemirror.js 和 codemi...
  • 如果你希望你的Android设备,如智能手机和平板电脑,在任何时间和任何地方都能够编写代码,那么,不妨看看下面我将介绍的15款Android代码编辑器,它们必将成为你的理想工具。 1.Deuter IDE 一款基于移动开发的文本...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 99,203
精华内容 39,681
关键字:

代码编辑器