【转】3 Essential Sublime Text Plugins for Node & JavaScript Developers

原文转自:http://scottksmith.com/blog/2014/09/29/3-essential-sublime-text-plugins-for-node-and-javascript-developers/

Check out these 3 great and essential Sublime Text plugins every JavaScript and Node developer should know about and use.

JsFormat

https://github.com/jdc0589/JsFormat

JsFormat is a JavaScript formatting plugin. Behind the scenes, it uses the command line formatter from jsbeautifier.org to format full or portions of JavaScript and JSON files.

Features

  1. JavaScript formatting
  2. JSON formatting
  3. Full file formatting
  4. Selected text formatting
  5. Customizable settings for formatting options
  6. Customize per project with .jsbeautifyrc settings file

Usage

Either cmd+alt+f on OS X or ctrl+alt+f on Linux/Windows

JSHint

https://github.com/uipoet/sublime-jshint

“JSHint is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team’s coding conventions. It is very flexible so you can easily adjust it to your particular coding guidelines and the environment you expect your code to execute in. JSHint is open source and will always stay this way.” - JSHint

Usage

ctrl+j on OS X or alt+j on Linux/Windows

If you would like to have JSHint run anytime you save a JavaScript file (highly suggest this), you will need to install the SublimeOnSaveBuild package.

JavaScriptNext

https://github.com/Benvie/JavaScriptNext.tmLanguage

This plugin is a better syntax highlighter for JavaScript. Not only does it improve syntax highlighting for current ES5, it also adds syntax highlighting for new ES6 syntax such as modules, succinct methods, arrow functions, classes, and generators.

Here is the original JavaScript syntax highlighter:

Here is the new JavaScript syntax highlighter:

Usage

You can either set individual JavaScript files to use this syntax highlighter by changing it in the “View -> Syntax” menu or you can change it for all JavaScript files in the “View -> Syntax -> Open all with current extension as”.

Wrap up

These 3 plugins have been very beneficial to me as a JavaScript and Node developer. If you know of other useful plugins, feel free to share them in the comments.

If you found this article or others useful be sure to subscribe to my RSS feed or follow me on Twitter. Also, if there are certain topics you would like me to write on, feel free to leave comments and let me know.

时间: 2024-11-10 14:05:49

【转】3 Essential Sublime Text Plugins for Node & JavaScript Developers的相关文章

Essential Sublime Text Plugins

Essential Sublime Text Plugins Add some killer tools to your arsenal. View them all at /repo/sublimeText HTML / CSS SCSS Snippets Emmet CanIUse Handlebars 28+ more at /repo/sublimeText JavaScript JavaScript Snippets Pretty JSON NodeJS 17+ more at /re

sublime text plugins

Sublime Text 插件,HTML+CSS+JAVASCRIPT+JSON快速格式化:  htmlpretty 快捷键:Ctrl+Shift+H Essential Sublime Text 2 Plugins and Extensionshttp://code.tutsplus.com/tutorials/essential-sublime-text-2-plugins-and-extensions–net-24173 Sublime Text 使用介绍.全套快捷键及插件推荐http:/

Sublime Text Plugins — Web Fundamentals

The minute you start developing a site, the first tool you'll use is a text editor, whether it's as simple as notepad or a full blown IDE. In this episode Addy & Matt look at their collection of plugins for Sublime Text and discuss how each one helps

sublime text 3开发node环境搭建

一.安装插件Package Control   ctrl+`打开控制台 复制以下内容回车: import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.reque

sublime text 3 如何支持 javascript 代码提示方法一二

需要安装 SublimeCodeIntel 插件. 安装方法: 1.前示条件是 sublime text 3 已安装 package controll.(插件管理器) 安装 package control 方法: 按 Ctrl + ~ 调出控制台 复制粘贴如下代码,并回车: import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp)

Sublime Text插件:HTML-CSS-JS Prettify

该插件依赖到nodejs环境 1.安装 在Sublime Text中,按下Ctrl+Shift+P调出命令面板; 输入install 调出 Install Package 选项并回车; 输入pretty,并在列表中选择HTML-CSS-JS Prettify后回车即可安装 2.使用 打开一个压缩的jquery.min.js文件,按下Ctrl+Shift+H 如果使用无效果,有可能是中文文件名,或路径的问题,可以打开控制台进行调试 Ctrl + ~ 解决中文文件名,路径问题 第83 node_pa

Sublime Text 最佳插件列表(转)

Package Control 安装方法 首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码. Sublime Text 2 安装代码: import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp)

使用sublime text 2 版本至今我所遇到的问题及解决方法

1.汉化:下载汉化包 .打开程序Preference下的浏览包文件夹.将解压的程序包粘贴进包文件夹2.破解:标题栏上面有带(unregistered)表示还没有注册: 打开HELP→Enter license粘贴如下代码 ----- BEGIN LICENSE ----- Andrew Weber Single User License EA7E-855605 813A03DD 5E4AD9E6 6C0EEB94 BC99798F 942194A6 02396E98 E62C9979 4BB97

如何在sublime text运行javascript

在Console模式下,浏览器不仅可以编辑也可以运行js. 大部分场景下,我们都是在IDE编辑保存,然后在浏览器打开预览效果. 在web前端的领域,sublime text成为了我编辑javascript的最爱,过往都是重复着上面的场景. 今天在youtube上学到了一招,编辑和运行javascript于sublime text一身. 准备材料: 1:首先得安装好了sublime,我选择了2的版本,毕竟对python2开头的语法比较熟悉,可以修改和尝试开发一些插件.sublime3的插件一些新A