1、下载sublime Text3的官网:https://www.sublimetext.com/3
2、安装Package Control
下载Package Contoral地址:
链接:https://pan.baidu.com/s/1TFoF6E4zF9hEutkVDVdH7w
提取码:gube
首先,把下载好的zip包解压,重命名为Package Control。
其次,打开Sublime3,菜单->Preferences->Browse Packages...然后复制Package Control文件夹到该目录。
最后,重启Sublime3,如果菜单->Preferences有Package Setting和Package Control就说明安装成,按Ctrl+Shift+p输入install选中Install Package回车就可以安装插件
3、在Ctrl+Shift+p选中Install Package回车时,可能会出现问题,连接不到channel_v3.json
把channel_v3.json放到指定的路径下,
在sublime Text3导航栏中 点击“preferences > Package Settings > Package Contral > Setting Default ”,把“channels”:[""],中的路径换为 channel_v3.json 的路径
"channels": [
//"https://packagecontrol.io/channel_v3.json"//默认channel_v3.json路径
"C:\\Program Files\\Sublime Text 3\\channel_v3.json"//新路径
],
channel_v3.json路径替换成功后,即可安装扩展名插件
安装扩展名插件:install Package
常用插件:
1、Emmet : 代码快速编写神器 官网 https://docs.emmet.io/ 还有速查表网址 https://docs.emmet.io/cheat-sheet/
2、JsFormat : 快捷键Ctrl + Alt + F 格式化js
3、SideBarEnhancements : 文件的右键菜单增强插件,增加可复制粘贴文件的功能
4、TrailingSpaces : 高亮显示多余的空格和Tab
6、Autoprefixer : css3私有前缀补全插件,使用:在输入css3属性后按Tab键
7、jQuery: 快捷输入jq函数
8、DocBlockr : 标准的注释,包括函数名、参数、返回值等 参照网址 https://packagecontrol.io/packages/DocBlockr
9、sublimeCodeIntel js代码提示插件
11、file Header 新建页面自带作者等文件头信息 参照https://blog.****.net/dong_alex/article/details/79118352
12、快速格式化 sublime Text3有自带的排版功能:就是菜单“Edit-Line-Reindent”(汉化后是“编辑-行-恢复缩进”)
13、autofilename 导入文件路径链接提示
14、DocBlockr 生成优美注释,简介:标准的注释,包括函数名、参数、返回值等,并以多行显示,手动写比较麻烦。使用:输入/*、/**然后回车,还有很多用法
15、Git git管理
根据个人需要选择安装
1、CssComb : css属性排序与格式化,该插件不支持 IE hark。快捷键Ctrl + Sgift + C
注意:该插件依赖nodeJS环境 ,nodeJS下载地址 https://nodejs.org/en/download/
2、Less : less高亮插件
3、less2Css : 编译less. 检测到文件改动时,编译保存为.css文件(依赖nodejs环境)
4、Bracket Highlighter : 可匹配[],(),{} 高亮标记。便于查看起始和结束标记
5、alignment : "="号对齐,变量定义太多,长短不一,可一键对齐
6、git : git管理 https://github.com/kemayo/sublime-text-git/wiki
7、colorPicker : 需要输入颜色时可直接选取颜色,快捷键window:ctrl + shift + c
8、AutoFileName : 快捷输入文件名。自动完成文件名的输入,如图片选取 。使用:输入“/”即可·看到相对于本项目文件夹的其他文件
9、nodejs : https://sublime.wbond.net/packages/Nodejs
10、IMESupport : 中文输入法跟随光标
11、sublimeLinter : 提示编写错误,包括html,css,javascript,java,php等,依赖nodejs环境
12、reactjs : 支持react开发,代码提示,高亮显示
13、babel : 支持es6语法,React.js,jsx语法高亮,对JavaScript,jQuery也有很好的扩展。
配置:view->Syntax->open all with curent…->babel->Javascript(babel),选中babel为默认代开javascript文件的默认格式
删除插件或者更新插件:
删除插件 : Ctrl+Shift+P调出命令面板,输入Remove Package选项并回车,选择要删除的插件即可
更新插件: Ctrl+Shift+P调出命令面板,输入upgrade packages