以下为本人摸索使用,不足之处请指教
sublime 是一个跨平台代码编辑器,在 Linux、OS X 和 Windows 下均可使用
教程:
1、下载后自行安装,此处不做赘述
2、如果没有安装在默认路径,需要添加环境变量
win10 系统下 右键计算机 --》 属性 --》 高级系统设置 --》 环境变量 --》 系统变量 --》path --》
编辑 --》 新建 --》填入sublime的安装目录 --》 确定
3、本文推荐sublime已经是汉化后且安装了相应的插件,可直接使用
4、增强侧边栏,安装 SideBarEnhancements
快捷键 ctrl+shift+p --》 --》 输入install,选择 install package
注意:此时如果报错 There Are No Packages Available For Installation
网上有很多种解决办法:
1) IPV6 的问题
解决方式:暂未总结
2) 无法打开 http://packagecontrol.io/channel_v3.json
解决方式:暂未总结
3) 如果以上两种方式都没有解决问题,可尝试使用此种方式
删除掉官方的 Package Control,重新下载:我是链接
下载后要重新命名为Package Control(注意大写字母),放回原位置
*** 点击 sublime 中的 首选项 ,点击 浏览插件会打开文件夹,可找到 Package Control 的位置(替换后请重启sublime)
4) 如有更多解决办法,期待回复
继续安装 --》输入 SideBarEnhancements,选中 --》安装成功后重启 sublime
点击首选项 --》插件设置 --》如果多了 Side Bar,说明SideBarEnhancements 安装成功
SideBarEnhancements 配置
右键项目,点击 Open / Run 为运行项目
右键项目,点击 Open In Browser 为在浏览器中运行,可自定义默认浏览器
打开浏览器快捷键设置
点击首选项 --》 插件设置 --》 side Bar --》key bindings --》user
把以下代码粘贴进去
其中 application 需要换成自己想设置的浏览器的路径,ctrl+s保存后可使用
5、emmet(编写html和css的插件)
使用特殊的语法,加快html、css的编辑效率
ctrl+shift+p --》输入 install --》点击 install package --》输入 emmet --》点击 emmet css snippets
出现如下画面表示安装成功:
测试是否安装成功,可输入 div#test --》tab键 --》出现 <div id="test"></div>,则安装成功
6、HTML-CSS-JSPrettify(格式化 html、css、js 文件)
ctrl+shift+p --》输入 install --》点击 install package --》输入 html-css-jsperttify--》点击 html-css-jsperttify
测试是否安装成功:随便放入一个 js 文件,发现代码已经压缩,右键后发现已经有刚刚安装好的
HTML/CSS/JS Prettify --》set node path --》打开文件后找到 node_path{ ''windows":"此处替换成自己的 node 安装路径" },保存
再次右键 HTML/CSS/JS Prettify --》prettifycode --》Prettify Code 完成格式化