前端开发神器Sublime3的安装及配置(mac版本)

简介: 前端开发神器Sublime3的安装及配置(mac版本)

0x00 教程内容


  1. 下载并安装Sublime
  2. 推荐插件安装


0x01 下载并安装Sublime


1. 下载

a. 官网下载(http://www.sublimetext.com/3):

选择自己对应的版本,此处我下载OS X


image.png


2. 安装

a. 拖拉进去即是安装


image.png


0x02 推荐插件安装


1. 准备插件管理工具

a. 安装Package Control(此步不要操作,了解即可)

打开Sublime,按Ctrl + ` 调出console,粘贴下列安装代码到底部命令行并回车:


import urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())


image.png


c. 校验是否安装成功

如果在Perferences->Package Settings中看到package control这一项,则表示安装成功。


image.png


可能出现的问题:


image.png


报错的话,可能是网络原因,切换网络或者自行搜索资料,用手动的方式来安装。

2. 用Package Control安装其他插件

a. 安装插件操作

按下Cmd + Shift + P 调出命令面板,输入install,会弹出Install Package选项,选中并回车。


image.png


b. 然后在搜索框中搜索想要安装的插件(下面滚动条在跳动…停了之后就可以了)


image.png


此插件装好后是这样子的(左边有各种功能,不装的话很简陋):


image.png


c. 此处再补充几个插件


MarkDown Editing:markdown写法插件

(在文档,按Ctrl + Shift + p,然后输入:ssm,回车。ssm <=> Set Syntax: Markdown)

Sublime Terminal:Sublime中直接使用终端打开你的项目文件夹,并支持使用快捷键

SublimeLinter插件:高亮不规范的JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十几种开发语言

Ctags插件:函数跳转

(Alt + ←)

参考文章:

如何优雅地使用Sublime Text3

sublime text 2(3)下的Markdown写作


0x03 Sublime快捷键总结


  1. 符号说明
符号说明
⌘:command 
⌃:control 
⌥:option 
⇧:shift 
↩:enter 
⌫:delete 
打开/关闭/前往


快捷键功能


⌘⇧N 打开一个新的sublime窗口 
⌘N 新建文件 
⌘⇧W 关闭sublime,关闭所有文件 
⌘W 关闭当前文件 
⌘P 跳转、前往文件、前往项目、命令提示、前往method等等(Goto anything) 
⌘⇧T 重新打开最近关闭的文件 
⌘T 前往文件 
⌘⌃P 前往项目 
⌘R 前往method 
⌘⇧P 命令提示 
⌃G 前往行 
⌘KB 开关侧栏 
⌃` 打开控制台 
⌃- 光标跳回上一个位置 
⌃⇧- 光标恢复位置 
编辑
⌘A 全选 
⌘L 选择行(重复按下将下一行加入选择) 
⌘D 选择词(重复按下时多重选择相同的词进行多重编辑) 
⌃⇧M 选择括号的内容 
⌘⇧↩ 在当前行前插入新行 
⌘↩ 在当前行后插入新行 
⌃⇧K 删除行 
⌘KK 从光标处删除至行尾 
⌘K⌫ 从光标处删除至行首 
⌘⇧D 复制(多)行 
⌘J 合并(多)行 
⌘KU 改为大写 
⌘KL 改为小写 
⌘C 复制 
⌘X 剪切 
⌘V 粘贴 
⌘/ 注释 
⌘⌥/ 块注释 
⌘Z 撤销 
⌘Y 恢复撤销 
⌘⇧V 粘贴并自动缩进 
⌘⌥V 从历史中选择粘贴 
⌃M 跳转至对应的括号 
⌘U 软撤销(可撤销光标移动) 
⌘⇧U 软重做(可重做光标移动) 
⌘⇧S 保存所有文件 
⌘] 向右缩进 
⌘[ 向左缩进 
⌘⌥T 特殊符号集 
⌘⇧L 将选区转换成多个单行选区 
查找/替换
⌘f 查找 
⌘⌥f 查找并替换 
⌘⌥g 查找下一个符合当前所选的内容 
⌘⌃g 查找所有符合当前选择的内容进行多重编辑 
⌘⇧F 在所有打开的文件中进行查找 
拆分窗口/标签页
⌘⌥[1,2,3,4] 单列、双列、三列、四列 
⌘⌥5 网格(4组) 
⌃[1,2,3,4] 焦点移动到相应的组(分屏编号) 
⌃⇧[1,2,3,4] 将当前文件移动到相应的组(分屏编号) 
⌘[1,2,3,4] 选择相应的标签页 
快捷操作
⌘⌃上下键 两行交换位置 
⌘KB 显示/隐藏侧边


0xFF 总结


  1. 精通各种软件的安装,说的就是我吧…
  2. 可是,环境是非常重要的,又能怎么样呢。
相关文章
|
1月前
配置MAC地址表
配置MAC地址表
配置MAC地址表
|
14天前
|
开发工具 git 开发者
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio 插件安装与配置
本篇将专注于如何在 DevEco Studio 中安装和配置必要的插件,以增强开发功能和提升效率。通过正确配置插件,开发流程能够得到简化,开发体验也会更加顺畅。
50 1
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio 插件安装与配置
|
14天前
|
缓存 前端开发 JavaScript
前端性能优化:Webpack与Babel的进阶配置与优化策略
【10月更文挑战第28天】在现代Web开发中,Webpack和Babel是不可或缺的工具,分别负责模块打包和ES6+代码转换。本文探讨了它们的进阶配置与优化策略,包括Webpack的代码压缩、缓存优化和代码分割,以及Babel的按需引入polyfill和目标浏览器设置。通过这些优化,可以显著提升应用的加载速度和运行效率,从而改善用户体验。
35 6
|
16天前
|
缓存 监控 前端开发
前端工程化:Webpack与Gulp的构建工具选择与配置优化
【10月更文挑战第26天】前端工程化是现代Web开发的重要趋势,通过将前端代码视为工程来管理,提高了开发效率和质量。本文详细对比了Webpack和Gulp两大主流构建工具的选择与配置优化,并提供了具体示例代码。Webpack擅长模块化打包和资源管理,而Gulp则在任务编写和自动化构建方面更具灵活性。两者各有优势,需根据项目需求进行选择和优化。
46 7
|
1月前
|
Java Shell 应用服务中间件
Mac系统下配置环境变量:Javajdk、maven、tomcat 环境变量配置及对应配置文件
这篇文章介绍了如何在Mac系统下配置Java JDK、Maven和Tomcat的环境变量,包括配置文件的选择、解决环境变量在zsh shell中无效的问题、查看和设置系统环境变量的方法,以及JDK和Maven的下载、配置和测试步骤。
1326 1
Mac系统下配置环境变量:Javajdk、maven、tomcat 环境变量配置及对应配置文件
|
15天前
|
缓存 前端开发 JavaScript
前端工程化:Webpack与Gulp的构建工具选择与配置优化
【10月更文挑战第27天】在现代前端开发中,构建工具的选择对项目的效率和可维护性至关重要。本文比较了Webpack和Gulp两个流行的构建工具,介绍了它们的特点和适用场景,并提供了配置优化的最佳实践。Webpack适合大型模块化项目,Gulp则适用于快速自动化构建流程。通过合理的配置优化,可以显著提升构建效率和性能。
29 2
|
1月前
|
编解码 前端开发 UED
前端:移动端视口配置
移动端视口配置是指针对移动设备浏览器设置视口的宽度、高度和缩放等属性,以确保网页能根据不同的屏幕尺寸和分辨率进行适配,提供更好的用户体验。合理的视口配置是移动优先设计的关键环节。
|
23天前
|
前端开发 安全 API
前端全栈之路Deno篇(三):一次性搞懂和学会用Deno 2.0 的权限系统详解和多种权限配置权限声明方式
本文深入解析了 Deno 2.0 的权限系统,涵盖主包和第三方包的权限控制机制,探讨了通过命令行参数、权限 API 和配置文件等多种权限授予方式,并提供了代码示例和运行指导,帮助开发者有效管理权限,提升应用安全性。
|
30天前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
137 0