安装HTML-CSS-JS Prettify插件
2018-03-24 17:55
543 查看
代码格式化:
借助sublime编辑器,安装HTML-CSS-JS Prettify插件:
a)在Sublime Text 3中,按下
b)输入install 调出
c)输入pretty,并在列表中选择HTML-CSS-JS Prettify后回车即可安装。
d)查看本地安装的NodeJS配置环境路径(在dos命令下,输入
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/21/dac386081a0a6b606149402e848d10d3)
e) 菜单 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Set `node` Path,设置一下nodejs路径:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/21/3a24c69380f99a5176f6387c1edb6e79)
默认对vue不支持,在
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/21/30c16c25f852114e21c506d9ff581043)
f)菜单-> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify – Plugin Options -Default,最后
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/21/5ff10fb9532d0c4e938db169a9b8f136)
g)设置sublime tab size = 4,sublime窗口右下角space/tab size点击,选择tab width=4:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/21/01a2aa25c670984a54fc7ff88d70761b)
h)安装完成,按快捷键
摘自:clare童鞋
借助sublime编辑器,安装HTML-CSS-JS Prettify插件:
a)在Sublime Text 3中,按下
Ctrl+Shift+P调出命令面板;
b)输入install 调出
Install Package选项并回车;
c)输入pretty,并在列表中选择HTML-CSS-JS Prettify后回车即可安装。
d)查看本地安装的NodeJS配置环境路径(在dos命令下,输入
where node并回车)。
e) 菜单 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Set `node` Path,设置一下nodejs路径:
默认对vue不支持,在
"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "vue"]加上vue就好了
f)菜单-> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify – Plugin Options -Default,最后
"use_editor_indentation": true
g)设置sublime tab size = 4,sublime窗口右下角space/tab size点击,选择tab width=4:
h)安装完成,按快捷键
Ctrl + Shift + H即可。
摘自:clare童鞋
相关文章推荐
- Sublime Text 3的格式化代码插件 HTML-CSS-JS Prettify
- 【前端】Sublime text3 插件HTML/CSS/JS prettify 格式化代码
- Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)
- 使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码
- Sublime Text:格式化插件HTML-CSS-JS Prettify
- sublime text 3.0 安装 HTML-CSS-JS Prettify
- myeclipse 8.5 安装aptana插件 提示jQuery、js、css、html
- sublime text 3.0 安装 HTML-CSS-JS Prettify
- Zend Studio 上 安装使用Aptana插件(html,css,js代码提示功能) .
- Zend Studio 上 安装使用Aptana插件(html,css,js代码提示功能)
- Sublime Text插件之HTML-CSS-JS Prettify
- sublime格式化HTML+CSS插件--HTML-CSS-JS Prettify
- 使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码
- sublime text安装js css html 格式化插件
- Zend Studio 上 安装使用Aptana插件(html,css,js代码提示功能)
- 同时处理html+js+jquery+css的插件安装(Spket&Aptana插件安装)
- [记录]sumblime text 安装 HTML/CSS/JS prettify
- myeclipse 8.5 安装aptana插件 提示jQuery、js、css、html
- sublime text3格式化插件HTML-CSS-JS Prettify
- Zend Studio 安装Aptana插件 (html,css,js代码提示功能)