一、首先先安裝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 } }
保存后,查看效果如下: