web前端开发---弃Hbuilder编辑器到Atom插件推荐,使用

1  ATOM

atom编辑器是Github专门为程序员推出的一个开源跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。并且是跨平台的,支持Linux,window,mac。

官网地址:https://atom.io/
文档介绍:https://atom.io/docs
或者去此处下载https://download.csdn.net/download/qq_30993595/10606731

2 安装ATOM 

Mac

解压下载的zip安装包后, 将解压出的Atom应用拖到应用目录下 
或者通过Homebrew Cask安装

brew cask install atom

Windows

运行安装包安装

Linux

如果是基于Debian的发行版, 执行命令:

sudo dpkg -i atom-amd64.deb

如果是RedHat, 则执行:

rpm -i atom.x86_64.rpm

安装完成后运行Atom, 将会看到这样的界面, 说明我们已经安装成功了

3 快捷键

  • 新建界面窗口 Ctrl + Shift + N
  • 打开命令模式Ctrl + Shift +P
  • 新建文件 Ctrl + N
  • 打开文件 Ctrl + O
  • 打开文件夹 Ctrl + Shift + O
  • 关闭当前编辑文档 Ctrl + W
  • 关闭编辑器 Ctrl + Shift + W
  • 复制文档路径 Ctrl + Shift + C
  • 选择编码格式 Ctrl + Shift +U
  • 语法选择 Ctrl + Shift + L
  • 跳转到某行 Ctrl + G
  • 全屏 F11
  • 从缓存器搜索 Ctrl + F
  • 高级替换 Ctrl + Shift + F
  • 启用注释 Ctrl + /
  • 文件跳转面板 Ctrl + T
  • 选定一行 Ctrl + L
  • 复制光标所在行并自动换行 Ctrl + Shift + D
  • 删除一行 Ctrl + Shift + K
  • 删除光标处至词尾 Ctrl + Del
  • 切换编辑的标签页 Ctrl + Tab
  • 选定光标处至文档首行 就是光标处作为分割线,取文档上部分 Ctrl + Shift + Home
  • 选定光标处至文档尾行 就是光标处作为分割线,取文档下部分 Ctrl + Shfit + End

4  常用插件安装


 

                      当你需要修改文字大小或者主题或其他的操作不来时请用第一个汉化插件所有的问题迎刃而解

 

①  怎么安装插件

步骤一:打开设置没有汉化也是在同样位置 

步骤二:打开安装(同上)

步骤三:输入你所需要的插件名称


 ②本人必用几个比较---------叼炸天-----------插件

  • git 与 GitHub 管理    (具体使用方法还未研究出来大方向如此,希望有会的能告知) ------------------- git-plus 

③ web前端实在的插件

  • 美化代码HTML,CSS,JavaScript,PHP,Python,Ruby,Java,C,C ++,C#,Objective-C,CoffeeScript,TypeScript,Coldfusion,SQL等等样式-------  atom-beautify
    • 使用方法:单价右键选择beautify editor contents 、 或者使用快捷键Alte+Ctrl+B
  • 就是用电脑默认浏览器预览我们编辑的文件--------   open in Browser
    • 使用方法:单机右键选择Open in Browser、    或者快捷键Ctrl+shift+Q
  • 用atom浏览器预览,直接在atom开启一个窗口查看----------     Browser-plus
    • 使用方法:单机右键选择或者快捷键alt+ctrl+o
  • 颜色选择器,写CSS或者样式表这个真的挺有效果的  ----------- color-picker
    • 使用方法:可鼠标单击右键点击拾色器
  • 提高HTML/css编写速度-------Emmet
    • 它使用仿CSS选择器的语法来生成代码  自带代码提示

④ python 插件

  • python代码运行,代码补全 --------- script
    • 使用方法命令模式Ctrl + Shift + P 打开命令面板、输入script:run 运行

①②③④⑤⑥⑦⑧

猜你喜欢

转载自www.cnblogs.com/ruanjiang/p/10226830.html