前端开发神器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. 可是,环境是非常重要的,又能怎么样呢。
相关文章
|
15天前
配置MAC地址表
配置MAC地址表
配置MAC地址表
|
7天前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
17天前
|
Java Shell 应用服务中间件
Mac系统下配置环境变量:Javajdk、maven、tomcat 环境变量配置及对应配置文件
这篇文章介绍了如何在Mac系统下配置Java JDK、Maven和Tomcat的环境变量,包括配置文件的选择、解决环境变量在zsh shell中无效的问题、查看和设置系统环境变量的方法,以及JDK和Maven的下载、配置和测试步骤。
535 1
Mac系统下配置环境变量:Javajdk、maven、tomcat 环境变量配置及对应配置文件
|
21天前
|
机器学习/深度学习 Python
【10月更文挑战第5天】「Mac上学Python 6」入门篇6 - 安装与使用Anaconda
本篇将详细介绍如何在Mac系统上安装和配置Anaconda,如何创建虚拟环境,并学习如何使用 `pip` 和 `conda` 管理Python包,直到成功运行第一个Python程序。通过本篇,您将学会如何高效地使用Anaconda创建和管理虚拟环境,并使用Python开发。
49 4
【10月更文挑战第5天】「Mac上学Python 6」入门篇6 - 安装与使用Anaconda
|
23天前
|
IDE 开发工具 iOS开发
【10月更文挑战第3天】「Mac上学Python 3」入门篇3 - 安装Python与开发环境配置
本篇将详细介绍如何在Mac系统上安装Python,并配置Python开发环境。内容涵盖Python的安装、pip包管理工具的配置与国内镜像源替换、安装与配置PyCharm开发工具,以及通过PyCharm编写并运行第一个Python程序。通过本篇的学习,用户将完成Python开发环境的搭建,为后续的Python编程工作打下基础。
147 2
【10月更文挑战第3天】「Mac上学Python 3」入门篇3 - 安装Python与开发环境配置
|
24天前
|
iOS开发 MacOS Python
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
本篇将详细介绍如何在Mac系统上安装Typora这款简洁高效的Markdown编辑器,并学习Markdown常用语法。通过本篇,用户能够准备好记录学习笔记的工具,并掌握基本的文档编辑与排版技巧,为后续学习提供便利。
134 1
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
|
7天前
|
JavaScript 前端开发 Docker
前端的全栈之路Meteor篇(一):开发环境的搭建 -全局安装或使用容器镜像
本文介绍了如何搭建 Meteor 开发环境,包括全局安装 Meteor 工具和使用 Docker 镜像两种方法,以及创建和运行一个简单的 Meteor 项目的基本步骤。 Meteor 是一个全栈 JavaScript 框架,适用于构建实时 Web 应用程序。文章还提供了遇到问题时的解决建议和调试技巧。
|
15天前
|
NoSQL Shell MongoDB
Mac OSX 平台安装 MongoDB
10月更文挑战第11天
16 4
|
17天前
|
应用服务中间件 Linux nginx
Mac os 安装 nginx 教程(success)
这篇文章是关于如何在Mac OS系统上使用Homebrew安装nginx及其依赖,并解决安装过程中可能出现的权限问题。
33 0
Mac os 安装 nginx 教程(success)
|
13天前
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
101 0