Sublime Text前端开发环境配置

时间：2021-12-05 23:30:02

Sublime Text是前端开发不可不说的编辑器，本文以Sublime Text 3为例讲解一下如何搭建前端的开发环境。

下载Sublime Text 3

下载地址 #==> Sublime Text 3

下载自己电脑对应的版本，然后双击执行安装就好了。

安装Package Control

使用Ctrl+`快捷键或者通过View->Show 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())

执行完毕之后查看Preferences菜单下如果出现了Package Setting 和 Package Control两个菜单则安装成功。

插件安装

  1. 打开Sublime Text
  2. 按下Ctrl + Shift + P调出命令面板
  3. 输入install 选择 Package Control：Install Package 选项然后回车
  4. 在新出现的命令面板中输入想要安装的插件，选择想要安装的插件，回车安装

常用插件

  • JSFormat：javascript代码格式化插件
  • AutoFileName：快速输入文件名
  • MarkdownPreview：Markdown浏览器预览以及保持为网页
  • Markdown Editing：良好的展现Markdown文本
  • SideBarEnhancement：让侧栏能够新建、删除文件和文件夹

常用快捷键

  • 注释当前行：Ctrl + /
  • 注释多行：Ctrl + Shift + /
  • 撤销：Ctrl + Z
  • 保存：Ctrl + S
  • 删除当前行：Ctrl + X
  • 查找内容：Ctrl + F

总结

Sublime是一款优秀的编辑器，更多的功能需要我们不断取发掘，希望大家不要太依赖于IDE，不过我还是要安利几款前端常见的强大IDE/编辑器:

  • WebStrom：号称JS神器，体验很好。
  • HBuilder：国内团队开发，目前应该是测试版，貌似有点不是很稳定，不过确实很好用，如果能够稳定点应该相当不错。（PS:他们官网还有其它的一些项目）
  • DreamWeaver：当年网页三剑客之一，Adobe出品，比较稳定。
  • Atom：Github出品，话用它写Markdown感觉66哒。

相关文章