关闭

ATOM编辑器

标签: atom编辑器apmatom编辑器
2261人阅读 评论(0) 收藏 举报
分类:

atom 插件篇

由于 1.21.0 开始拥有完整的IDE集成包,所以这次是拿测试版来操作

  • 系统环境 ==> windows 10 家庭版
    • atom 普通用户大多在windows平台
      • 事实上,atom 在windows上运行相对较卡!
    • Linux用户 热爱vim、meacs
    • Mac 我并没有

字体

字体 ==> DejaVu Sans Mono,Microsoft YaHei Mono


插件安装

  1. 打开 [win-r] – cmd
  2. 下载安装组件 apm install –check
  3. 安装 apm install package1 package2
  4. 卸载 apm remove packages
  5. 安装/卸载 成功 OR 失败

推荐插件

Community Packages (31) C:\Users\xxx\.atom\packages

├── advanced-open-file@0.16.7
├── atom-autocomplete-php@0.25.6
├── atom-beautify@0.30.9
├── atom-clock@0.1.15
├── atom-ide-ui@0.7.0
├── atom-ternjs@0.18.3
├── autoclose-html@0.23.0
├── autocomplete-paths@2.12.1
├── autoprefixer@3.7.1
├── color-picker@2.2.5
├── docblockr@0.13.4
├── emmet@2.4.3
├── ex-mode@0.18.0
├── file-icons@2.1.15
├── highlight-column@0.5.4
├── highlight-line@0.12.0
├── highlight-selected@0.13.1
├── ide-php@0.7.4
├── ide-typescript@0.7.2
├── markdown-scroll-sync@2.1.2
├── minimap@4.29.7
├── minimap-split-diff@0.3.7
├── monokai@0.24.0
├── open-in-browser@0.5.2
├── pigments@0.40.2
├── project-viewer@1.2.5
├── relative-numbers@0.8.0
├── script@3.17.3
├── split-diff@1.5.1
├── sync-settings@0.8.3
└── vim-mode-plus@1.24.3

script插件说明

script插件需要相应的程序配置到环境变量里面

  1. js脚本,建议去官方下nodejs包安装
  2. php脚本,建议环境变量绑定php7以上的版本

atom插件无法正常安装

  1. 最有效解决方法 翻墙

    • win系统 C:\Users\xxx.atom.apmrc
    • Linux系统 ~/.atom/.apmrc

    • .apmrc文件内容:

      strict-ssl=false
      https-proxy=http://127.0.0.1:1080/
      http-proxy =http://127.0.0.1:1080/
  2. 下载安装组件

    • [win-r] – cmd
    > apm install --check
    > Checking for native build tools done  //该字样出现,就代表安装成功了!

安装php补全插件

atom-autocomplete-php

  • 下载 composer.phar

    C:\Users\xxx> php -r "copy('https://install.phpcomposer.com/installer', 'composer-setup.php');"
    C:\Users\xxx> php composer-setup.php
    C:\Users\xxx> php -r "unlink('composer-setup.php');"
    
  • composer.phar 所在目录
    • C:\Users\xxx>

安装JS补全插件

atom-ternjs

  • menu > Packages > Atom Ternjs > Configure project
  • 选择自己需要的组件
  • 点击按钮 Save & Restart Server

如果无法打开Configure project界面

  1. 在项目根目录下新建 .tern-project 文件
  2. 文件内容如下:

    {
      "ecmaVersion": "6",
      "libs": [
        "browser",
        "jquery"
      ],
      "loadEagerly": [],
      "dontLoad": [
        "node_modules/**"
      ],
      "plugins": {
        "doc_comment": true,
        "modules": {
          "dontLoad": "",
          "load": "",
          "modules": ""
        },
        "es_modules": {}
      }
    }
  3. menu > Packages > Atom Ternjs > Configure project
  4. 选择自己需要的组件
  5. 点击按钮 Save & Restart Server

sync-settings 快捷键

Personal Access Token ==> 94be6f19ade8109f73a28cce052728055c6ad20e

gistID ==> 7f2c3f839e10eebe82c0093c073c0d79

  • 快捷键 ==>
    1. 备份 >> sync-settings:backup
    2. 恢复 >> sync-settings:restore
    3. 查看在线备份 >> sync-settings:view-backup
    4. 检查最新的备份应用 >> sync-settings:check-backup

0
0
查看评论

Atom推荐的8大插件

用Atom避免不了使用插件,下就推荐一下插件 ①Emmet Web开发者必不可少的工具,据说是神器,小松强烈推荐 新建一个test.html保存一下,我在这个文件演示一下Emmet插件的使用 HTML文档初始化 操作输入html:5在按一下tab键 其他的快速操作请看 http://docs.em...
  • a454213722
  • a454213722
  • 2016-08-04 12:00
  • 34564

ATOM 编辑器使用心得

这久一直在找合适自己的编辑器,总是感觉不同的编辑器有不同的好处和坏处,希望能够有一个结合大家之所长,结果呢发现了一款不错的编辑器,虽然不是自己所想的但是还不错,接到给大家,和一些自己使用的心得! 编辑器的名称叫ATOM ATOM:一个21世纪的一个黑客文本编辑器(是不是这样只有自己试过才知道) ...
  • u013487813
  • u013487813
  • 2017-10-09 22:03
  • 593

Atom编辑器折腾记_(8)分屏操作

分屏何为分屏..请看此图 为何要分屏 用过linux的小伙伴都知道,分屏耍的好,可以提高工作效率的 如何获取Atom的分屏命令 最简易的,进入设置中心的快捷键列表,搜索pane 和 split 就可以看到命令和选择器了 查询官方手册 为何不用默认的分屏快捷键 有些失效了.就是按了没反应,应该和一些...
  • bomess
  • bomess
  • 2015-05-19 10:25
  • 7920

教你安装Atom编辑器并使用震撼的编辑效果

教你安装Atom编辑器并使用震撼的编辑效果
  • liuhannan111
  • liuhannan111
  • 2016-09-08 14:43
  • 2670

Atom编辑器入门到精通(一) 安装及使用基础

Atom是GitHub推出的一款编辑器,被称为21世纪的黑客编辑器,主要的特点是现代,易用,可定制.
  • u010494080
  • u010494080
  • 2015-12-21 16:32
  • 61318

Atom编辑器中文设置 ,汉化Atom插件

可以直接下载中文插件 File> Settings> install 搜索 chinese插件 ,安装完成后 重启,就行了 也可以先下载中文插件包 下载 将下载的 插件包 解压到  C:/user//.atom/packages/目录下面 然后打开atom 就...
  • Xunzi229
  • Xunzi229
  • 2016-10-12 16:42
  • 7381

Atom编辑器插件安装

Atom编辑器做的非常酷炫,尤其是插件众多。之前就介绍过一个非常装逼的插件。这几天Atom编辑器出了问题,无法安装插件。连已有的插件都无法搜索出来。无奈之下,只好重装。没有卸载原有版本。直接去官网下载安装包,安装过程全自动,没有任何选择项。自动覆盖之前的安装包,而且之前安装过的插件也可以正常使用,不...
  • u011303443
  • u011303443
  • 2016-08-28 22:50
  • 711

linux 下 的 atom编辑器安装

在Ubuntu里安装Atom无须下载,可以直接通过命令行安装: sudo add-apt-repository ppa:webupd8team/atom sudo apt-get update sudo apt-get install atom安装必备插件: apm install minimap...
  • ghostyusheng
  • ghostyusheng
  • 2016-07-06 13:44
  • 3934

Sublime Text和Atom编辑器的列编辑模式

Sublime Text和Atom编辑器的列编辑模式Atom的列编辑模式Atom编辑器在没有添加插件的情况下不能通过拖动鼠标进行连续的列选择,只能按下快捷键后一行一行地点选要编辑的行。 将行添加到选区和从选区移除的快捷键都是:Ctrl + 鼠标左键Sublime Text的列编辑模式 拖动鼠标连续...
  • qq_21397217
  • qq_21397217
  • 2016-09-07 16:26
  • 5460

MacOS使用Atom编辑器首先要填的一些坑...

Atom是一个界面非常优雅的编辑器,它比sublime在文件和目录的管理上功能更强大!下面简单说下在MacOS上安装完Atom后需要做哪些善后工作 ;)添加命令行支持只能鼠标启动Atom岂是我们可以接受的,以下一句简单的命令搞定:ln -s /Applications/Atom.app/Conten...
  • mydo
  • mydo
  • 2017-02-11 19:42
  • 1369
    个人资料
    • 访问:38289次
    • 积分:358
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:4篇
    • 译文:0篇
    • 评论:0条
    文章分类