选择一个好的编辑器能够极大的提高前端开发效率
subl
Shell命令设置为了方便在终端直接用SublimeText
打开我们的项目,为此可以设置一下Subl
来软链接到实际的路径。
#bash shell
ln -s "/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl" /usr/bin/subl
#zsh shell
alias subl="'/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl'"
# 设置SublimeText为默认编辑器
export EDITOR="subl"
设置完之后需要执行下面代码将我们的设置生效:
#bash shell
source ~/.bash_profile
#zsh shell
source ~/.zshrc
这时候就可以在我们的项目里面执行下面代码直接用SublimeText
打开项目:
subl .
# more help
subl help
下面是我个人的一些配置,根据个人喜好可以进行修改:
# 修改配置路径: Sublime Text -> Preferences -> Settings-User
"always_show_minimap_viewport": true, #是否总是显示小地图
"draw_minimap_border": true, # 让minimap里的当前位置更显眼点.
"highlight_line": true, # 高亮当前行
"highlight_modified_tabs": true, # 修改了而尚未保存的 tab, 会用橘黄色显示
"ignored_packages":
[
"Vintage"
],
"show_encoding": true, # 显示文件编码
"show_full_path": true, # 标题栏上显示完整路径
"show_line_endings": true, # 文档到达底部会在最后一行
"open_files_in_new_window": false, # 在 Finder 里打开文件时, 不会新开窗口了
"translate_tabs_to_spaces": true #将tab键的形式转成空格
SublimeText所有插件都依赖于Package Control
,默认情况下Package Control
没有自带的,需要手动安装,打开SublimeText
之后在菜单栏的View
-> show Console
,将下面代码贴入控制台并回车。
上面装完之后就可以command + shift + p
,搜索需要安装的插件了。
强烈推荐Material Theme。
预览效果:
SublimeText
的最大一个组成部分就是插件,个人觉得插件能够达到精简实用
最好,下面推荐一些常用的插件,仅供参考。
# 下面插件的安装方法
shift + cmd + p 打开命令面板
输入 “Package Control: Install Package” 命令
输入 插件的名称 , 找到后回车安装
安装成功后在preferences中选择主题
/*
之后按一下tab就可以生成文档注释)command+b
直接生成html预览)这或许是最好的当代编辑器,它和 Atom 一样都基于 Electron,但是效能更好,加载大文件时尤为明显。
Visual Studio Code 简洁的设计,高亮区全局显示,集成的控制台、版本控制,丰富的插件系统,便捷的分栏显示和"禅"模式等等功能都是以往编辑器特性的集大成者,墙裂推荐。