编程工具插件汇总

1.sublime

效果:

先安装Package Control
再在首选项配置配色和主题

vue-syntax-highlight

​ vue代码高亮效果

HTML-CSS-JS Prettify

​ vue格式化推荐:
https://www.cnblogs.com/olive27/p/7779459.html
​ 自动保存格式化设置:

    Perferences->Package Settings->HTML/CSS/JS Prettify->Plugin Options - Defalut
    "format_on_save": true

Package Control

​ 这个特殊的“插件包”,可以很容易地安装、升级、删除,甚至非常方便地查看您已经安装在SublimeText中的包或插件的列表。

Emmet:

​ Emmet更快更高效地编写HTML和CSS,节省你大量时间的插件

A File icon

​ 显示文件图标

Anaconda

​ Anaconda是一个用于科学计算的Python发行版

brackethighlighter

​ BracketHighlighter插件能为Sublime Text提供括号,引号这类高亮功能

Codecs33 & ConvertToUTF

​ 默认不支持GBK的编码格式,因此打开GBK的代码文件,如果里面有中文的话,就会乱码

ChineseLocalization

​ 新版sublime 汉化插件

ColorHighlighter

​ 查看css颜色,”file_extensions”: [“.css”, “.less”, “.scss”, “.sass”, “.styl”]加文件

CSS3插件

​ 1.遵循W3C规格非常密切
​ 2.支持Css3的自动完成
​ 3.支持CSS3的样式美化、高亮显示

Emmet Css Snippets

​ 可以自动提示CSS、LESS和SASS语法。
​ 有两个版本:has-Prefix 或 no-Prefix。
​ 智能自动完成。
​ 可以提示伪元素。
​ 可以提示扩展属性。

JavaScript Completions

1.快捷提示

2.查看相关函数等的简单说明描述

3.鼠标悬停说明
https://www.cnblogs.com/EnSnail/p/6767334.html

SideBarEnhancements

侧边栏工具

sublimerge pro

文件对比插件

SublimeCodeIntel

自动提示插件支持众多语言

Dockerfile Syntax Highlighting

Dockerfile语法高亮和自动提示

sublime-nginx-master

nginx.conf语法高亮
项目地址:https://github.com/brandonwamboldt/sublime-nginx.git
下载后放入sublime 的packages文件夹下即可生效

Sublime Merge

​ Sublime Merge 是由知名文本编辑器 Sublime Text 开发商打造的 Git 客户端,仅适用于 64 位平台

SublimeAstyleFormatter

格式化html/css/js/ c/c++/java代码
安装完成后:插件设置默认设置开启保存自动格式化

    // Auto format on file save
        "autoformat_on_save": true 

选择代码格式化风格

    "options_default": {
    // "1tbs", "otbs ", "google", "pico", "lisp", "python", "vtk", or null
    // for default.
    "style": "google",

配置java运行环境

新建编译系统
输入:

{
    "shell_cmd": "javac -encoding GB2312 \"$file\" && java \"$file_base_name\"",
    "file_regex": "^(...*?):([0-9]*):?([0-9]*)",
    "selector": "source.java"
}
# -encoding GB2312 表示java文件的编码,否则javac会乱码。
# 浏览插件目录-> user 可以查看到自己保存的java.sublime-build

配置python3运行环境

{ 
    "cmd": ["/usr/local/bin/python3", "-u", "$file"], 
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)", 
    "env": {"PYTHONIOENCODING": "utf8"}, 
    "selector": "source.python" 
}

配置c语言环境

1.brew安装GCC
2.同上写入

{
"cmd" : ["gcc -o ${file_base_name} $file_name"],
"shell" : true,
"working_dir" : "$file_path",
"selector": "source.c",
"encoding":"utf-8",
"variants" :
[{
"name" : "Run",
"cmd" : "open -a terminal.app ./${file_base_name}"
}]
}

也不需要自己写了 自带的好用 可在sublime里面显示

防止自动更新提示:

​ 首选项->设置->右边窗口(用户设置)
​ 加入: “update_check”: false,
​ 禁止自动更新检测

2.vscode插件

效果:

会了吧

​ 单词提取

AutoRename Tag

​ 标签同步写

Bracket Pair Colorizer

​ 彩色分层括号

Chinese

​ 中文插件

Docker

​ docker插件

Fix VSCode Checksums

​ vscode损坏修复插件

JavaScript (ES6) code snippets

​ vs6代码提示

jQuery Code Snippets

​ jQuery代码片段提示

JS-CSS-HTML Formatter

​ 代码格式化

kite

​ 集中代码提示

Material Icon Theme

​ 文件图标

Office Viewer

​ 打开word文件

open in browser

​ 浏览器快捷打开

Vetur

​ vue高亮,提示格式化,vue必备

Vue 3 Snippets

​ vue提示

ESLint

​ 洁癖模式

Element UI Snippets

​ ElementUI代码提示

vscode-element-helper

​ ElementUI标签帮助文档

Easy LESS

​ Easy LESS 插件用来把less文件编译为css文件
​ 安装完毕插件,重新加载下 vscode。只要保存一下Less文件,会自动生成CSS 文件。

cssrem

​ px 转换rem 插件 cssrem

Volar

​ vetur是一个vscode插件,用于为.vue单文件组件提供代码高亮以及语法支持。
​ 可是由于众所周知的原因,vue以及vetur对于ts的支持,并不友好。在@vue/composition-api这个插件 出来之前,vue2的ts需要使用vue-prototype-decorator这个插件,来通过装饰器的模式进行模拟,但是由于不是从底层支持,因此vue2的ts使用体验可谓是一塌糊涂。

3.IDEA插件

效果:

google-java-format

​ 格式化代码的插件,安装完需要手动开启

save actions

​ 保存时自动格式化代码的插件,需要勾选1.1and2.1and2.2

Gitee

​ 码云官方插件,git推送代码

Lombok

​ 自动生成git/set方法

IDE Eval Reset

​ 只支持离线安装,用于无限使用intelliJ家的软件

Builder Generator

​ 建造者模式生成代码

Big Data Tools

​ 类似于eclipse平台的hadoop插件 实现实时HDFS文件系统访问

Easy-code

​ 快速生成mybatis的CRUD代码

Jclasslib

​ 学习JVM的必备神器。本工具有对应win的GUI版本 可惜没有mac版

JProfiler

​ JVA性能监控工具 需配合同名软件使用

oh-my-zsh插件

效果:

自带的z

​ 快速跳转目录
​ 比如之前 cd /xxx/xxx/xxx/sss
​ 下次直接可以z sss (cd过的可以省略前面的路径名)
​ z -x 路径

自带的sublime

​ 调用安装的sublime快速打开文件
​ st 文件名

zsh-syntax-highlighting

​ 作用 平常用的ls、cd 等命令输入正确会绿色高亮显示,输入错误会显示其他的颜色。

zsh-autosuggestions

​ 输入命令时,会给出建议的命令(灰色部分)按键盘 → 补全

git

​ 默认已开启的自带的

​ 可以使用各种 git 命令缩写
​ 比如:git add –all ===> gaa


   转载规则


《编程工具插件汇总》 火花 采用 知识共享署名 4.0 国际许可协议 进行许可。
  目录