Atom编辑器折腾记_(5)记住上一次打开的目录及浏览器预览功能实现

简介

  1. 用了Atom之后是不是发现,每次打开工作目录,保存退出后重新打开软件,目录一片空白!!
  2. Sublime和DW的快捷键预览html功能是不是很喜欢,而Atom木有!!

记住上一次打开的目录

这个功能,截止目前最新的0.198版本还木有实现,这里我们用插件来实现这个功能;

但是官方说,”记住上一次打开的目录”这个功能已经内置到下一个版本(集成插件),也就是正式版1.0

插件的作者也声明了,看此段话:

The Atom.io team is hopefully building a version of this into core for 1.0!

https://github.com/atom/atom/issues/1603

插件:open-last-project

插件简介:

An Atom.io package that automatically repoens the last project and files you were working on.

安装完毕就实现了记忆功能了.不用过多设置,你第一次加载了工作目录后,正常退出打开还是自动加载改目录,且正在编辑的文件也同样保持编辑状态!!!


浏览器预览

对于前端开发来说,浏览器预览功能必须要有的有木有!!!不然每次都要自己手动拖拉文件到浏览器不是N烦!!

插件:RIB - run in browser

插件简介:

Run in Browser will open the current pane in the default web browser.

这货有默认的用法,看下面

Command Palette: rib — 命令面板搜索rip

Keymap: ctrl + alt + r — 默认快捷键(和我一些安装的插件有冲突,也用不惯这么多按键,我直接改F12调用了)

the current pane must be a .html or .htm file — 该插件目前支持在html和htm后缀名使用

个人RIB自定义按键修改–仅供参考

‘atom-text-editor‘:
  ‘f12‘:‘rib:run-in-browser‘
  ‘ctrl-shift-space‘:‘autocomplete:toggle‘


温馨提示:插件的安装

1. setting内部搜索安装

2. 上github下载插件,放在atom目录下的package,重开打开软件会自动识别

3. 使用apm命令安装,例:apm install run-in-browser

时间: 2024-10-26 03:29:27

Atom编辑器折腾记_(5)记住上一次打开的目录及浏览器预览功能实现的相关文章

Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)

为何寻找 每次预览HTML页面,都需要打开各种浏览器;哪怕不是调试,只是为了查看下效果; 切换来切换去,各种刷新,感觉有些浪费时间;以前用过DW的实时预览,感觉这个功能很赞; 又踏上了atom插件仓库慢慢寻找之路-.. 插件:atom-html-preview 官方描述:A live preview tool for Atom Editor. 简言之:Atom编辑器内实时预览的工具 获取方式 通过命令行安装 apm install atom-html-preview 通过编辑器内部的instal

Atom编辑器折腾记_(4)按键绑定keymap

简介 Atom编辑器支持自定义按键绑定,文件格式是CSON; 何为CSON 官方解释: This file uses CoffeeScript Object Notation (CSON). 我的解释: JSON + CoffeeScript 写法基本是JSON的写法 按键绑定组成 如图: 设置内的键盘映射图很好的说明了 按键绑定 = 快捷键(Keystroke) + 执行命令(Command) + 来源(Source) + 选择器(Selector) 快捷键不用解释了 执行命令就是按下快捷键所

Atom编辑器折腾记_(1)介绍下载安装

何为ATOM Atom是专门为程序员推出的一个跨平台文本编辑器.具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言.它支持宏,自动完成分屏功能,集成了文件管理器. 为什么用ATOM 开源 - 遵循MIT协议,代码托管在github上 多平台 - 支持MAC/WIN/LINUX(支持源码编译安装,也提供二进制安装包) 丰富的插件库 - 开源到现在一年了..社区的各种插件丰富起来了,且atom的插件支持在线更新! 类Sublime - 风格和s

Atom编辑器折腾记_(10)CSScomb增强版[CSS/LESS/SASS]

何为CSScomb 官方网站只有一句描述: Makes your code beautiful(让你的代码更漂亮) 通俗点讲: CSScomb是用来排版CSS代码的-可以说是格式化插件,依赖nodejs 获取CSScomb–这不是今天的话题 官方网站: CSScomb 支持许多编辑器,比如Sublime/Atom/brackets等 第三方CSScomb-这才是今天的话题 昨天写了篇CSS3的文章-发现代码有点混乱..人力排版有点--.所以跑去atom插件库寻找csscomb Atom -> s

Atom编辑器折腾记_(21)修复`Atom-Beautify: Migrate Settings`问题

前言 不管在公司还是在家,我都挺喜欢用atom的,所以配置什么都用sync-settings这个插件来同步, 今晚回到家,同步一下...发现大部分配置正常了..唯独Atom-beautify有点抽风: 问题 一直报'Atom-Beautify: Migrate Settings, unsuppor......' 解决办法 找了许久,从配置开始文件着手找...又翻墙找了下...大体解决如下: 按下ctrl+shift+p[command-palette] , 键入Atom-Beautify: Mi

Atom编辑器折腾记_(23)加快React开发的插件汇总【浪一波】

前言 汇总下比较实用的atom插件[偏react开发的]-- 暂时应该没有比我更全面的!嘎嘎 atom-react-autocomplete–项目内,组件名及状态的自动补全 autocomplete-js-import–模块导入智能提示 emmet-jsx-css-modules– React内的Emmet补全,非单纯的expand[class => className ]!! language-javascript-jsx – JavaScript, ES6, ES7, React JSX,

Atom编辑器折腾记_(6)config.cson基础教程

号外 昨天,atom官方更新了atom的版本; 把之前内置到core的核心插件autocomplete替换成autocomplete plus,还做了许多修正,具体看这里 Notable Changes Atom now bundles Autocomplete Plus and the completion providers for HTML, CSS, Less, Sass, snippets, and the Atom API Opening editors is now signifi

Atom编辑器折腾记_(12)Sync-setttings(插件-备份神器)

简述 插件作者:Hackafe 功能描述:Synchronize settings, keymaps, user styles, init script, snippets and installed packages across Atom instances.(简言之就是可以同步Atom的设置文件,自定义快捷键,用户风格,初始化脚本及代码片段,还支持已安装的插件同步) Features Sync Atom's and package settings Sync installed packa

Atom编辑器折腾记_(13)JS代码智能提示补全(插件:atom-ternjs)

题外话 官方正式版虽然内置了.autocomplete-plus;最为明显的一个功能就是记忆你已经输入过的名称进行匹配; 但是针对于某些语言来说,还是有些不足的-.其中JS的补全上就明显不足了-所以需要借助插件来拓展 atom-ternjs 官方描述: Javascript code intelligence for atom with tern.js. Uses suggestion provider by autocomplete-plus. 简言之,就是JS代码智能提示,个人也希望以后可以