mac系统 Sublime Text 3 SublimeLinter插件安装配置JS,CSS,HTML、php语法检查

最新推荐文章于 2026-05-11 09:49:30 发布

原创最新推荐文章于 2026-05-11 09:49:30 发布 · 5.1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

更多软件下载请到：

淘宝地址：https://shop145710529.taobao.com

准备：必须安装node.js

自己去百度一下，安装很简单

nodejs中用npm初始化来创建package.json的方法

然后在自己创建的一个工程目录下打开cmd（windows系统） ,mac系统打开终端，在里面输入命令npm init,会得到如下图所示

按提示，一步步来完成项目文件的配置，没有的可以不写，直接enter,这样初始化时会创建默认的文件，最后创建完的目录如下所示

完后输入yes或Y来对配置文件进行设置，这样在工程目录下就会生成这样一个package.json文件，如下图中所示

我们在工程中打开这个文件，可以看见我们对这个工程的配置文件信息，如下图中所示，这样一来我们就可以根据这个文件来进行各种npm的包管理

npm安装package.json时直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下

SublimeLinter

SublimeLinter是Sublime的一个代码检测工具插件

SublimeLinter 是前端编码利器——Sublime Text 的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
比如写例如像lua这样的弱语言脚本代码，有这个可以规避掉很多不该有的低级错误吧？当然这也需要你SublimeLinter安装完毕之后再安装一个SublimeLinter-lua即可。具体的使用可以参见：借助 SublimeLinter 编写高质量的 JavaScript & CSS 代码

第一、安装SublimeLinter

第二、安装sublimeLinter-contrib-htmlhint

前往(https://github.com/mmaday/SublimeLinter-contrib-htmlhint/releases)下载压缩包，解压并重命名为“SublimeLinter-contrib-htmlhint”，并放入Sublime的Package目录(菜单->Preferences->BrowsePackages/下面)

1、全局安装 jshint /csslint/htmllint/phplint

 安装命令:sudo npm install -g htmlhint 注意插件名称都为小写.
         :sudo npm install -g csslint
         :sudo npm install -g jslint
         :sudo npm install -g  phplint

安装：sublimelinter-php

2、将下列代码复制到
Preference->package Settings->SublimeLinter->Setttings-User 中

注：htmlt和php不用配置，安装了就可以直接高亮提示用户编写的代码中存在的不规范和错误的写法

 注意下面代码中的(第五行和第六行 sublimelinter_executable_map)JS和Css的路径问题：
     mac中可以再终端用 which node命令 查看node的安装路径
     windows 中找到实际的node安装位置复制路径即可。
     
 {
 "sublimelinter": "save-only",
 "sublimelinter_popup_errors_on_save": true,
 "sublimelinter_executable_map": {
     "javascript": "/usr/local/bin/node",
     "css": "/usr/local/bin/node"
     },
 "jshint_options": {
     "strict": false,
     "quotmark": "single", //只能使用单引号
     "noarg": true,
     "noempty": true, //不允许使用空语句块{}
     "eqeqeq": true, //!==和===检查
     "undef": true,
     "curly": true, //值为true时，不能省略循环和条件语句后的大括号
     "forin": true, //for in hasOwnPropery检查
     "devel": true,
     "jquery": true,
     "browser": true,
     "wsh": true,
     "evil": true,           
     "unused": "vars", //形参和变量未使用检查
     "latedef": true, //先定义变量，后使用
     "globals": {
         "grunt": true,
         "module": true,
         "window": true,
         "jQuery": true,
         "$": true,
         "global": true,
         "document": true,
         "console": true,
         "setTimeout": true,
         "setInterval": true
         }
     },
 "csslint_options": {
     "adjoining-classes": false,
     "box-sizing": false,
     "box-model": false,
     "compatible-vendor-prefixes": false,
     "floats": false,
     "font-sizes": false,
     "gradients": false,
     "important": false,
     "known-properties": false,
     "outline-none": false,
     "qualified-headings": false,
     "regex-selectors": false,
     "shorthand": false,
     "text-indent": false,
     "unique-headings": false,
     "universal-selector": false,
     "unqualified-attributes": false
     }
 }

更多软件下载请到：

淘宝地址：https://shop145710529.taobao.com