一、首先先安裝nodejs,從nodejs官網下載 www.nodejs.cn

下載完成后直接安裝,選擇npm package版本的進行安裝,安裝完成后無需配置環境變量,nodejs會自動進行配置。
打開cmd命令行,輸入node -v,顯示v4.4.4,說明安裝成功。

二、安裝HTML/CSS/JS Prettify插件,該插件可以格式化HTML、CSS、JS文件,但是依賴node環境。
1、sublime中ctrl+shift+p調出命令行,輸入prettify,找到相應插件安裝。安裝完成后,ctrl+shift+H快捷鍵即可以格式化文件。
三、安裝sublimeliner、sublimeliner-jshint插件,該插件可以提示js語法錯誤,也是依賴node環境。如今sublimeliner已經是第三個版本了,安裝該插件就會自動附帶sublimeliner-jshint插件。
1、sublime中ctrl+shift+p調出命令行,輸入sublimeliner,找到相應插件安裝。
2、nodejs需要添加jshint依賴,打開命令行,輸入npm install -g jshint,這時就會自動下載該依賴。

3、這時就可以對插件進行一些設置了,具體設置可以參考sublimeliner官網 http://www.sublimelinter.com/en/latest/
{
"user": {
"debug": false,
"delay": 0.25,
"error_color": "D02000",
"gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
"gutter_theme_excludes": [],
"lint_mode": "background",
"linters": {
"coffeejshint": {
"@disable": false,
"args": [],
"excludes": [],
"globals": "",
"options": "browser,devel,node"
},
//js的提示設置
"jshint": {
"@disable": false,
"args": [],
"browser": true,
"curly": true,
"devel": true,
"eqeqeq": true,
"evil": true,
"excludes": [],
"forin": true,
"jquery": true,
"noarg": true,
"noempty": true,
"strict": true,
"undef": true,
"wsh": true
}
},
//標記風格,可以從官網上查看
"mark_style": "squiggly underline",
"no_column_highlights_line": false,
"passive_warnings": false,
"paths": {
"linux": [],
"osx": [],
"windows": []
},
"python_paths": {
"linux": [],
"osx": [],
"windows": []
},
"rc_search_limit": 3,
"shell_timeout": 10,
"show_errors_on_save": false,
"show_marks_in_minimap": true,
"sublimelinter": "save-only",
"syntax_map": {
"html (django)": "html",
"html (rails)": "html",
"html 5": "html",
"javascript (babel)": "javascript",
"magicpython": "python",
"php": "html",
"python django": "python",
"pythonimproved": "python"
},
"warning_color": "DDB700",
"wrap_find": true
}
}
保存后,查看效果如下:

