展开
拓展 关闭
订阅号推广码
GitHub
视频
公告栏 关闭

Atom使用

下载安装

点击查看详情
  • 压缩包直接解压,双击启动,创建快捷方式

  • 配置环境变量

Path=D:\software\Atom x64\resources\app\apm
  • 双击AtomSetup-x64.exe安装,默认安装位置C:\Users\xxx\AppData\Local\atom

  • 设置主题

文件,设置,主题

安装插件

  • 打开cmd,查看已安装的包
点击查看详情
C:\Users\dogle>apm ls
Built-in Atom Packages (93)
├── atom-dark-syntax@0.29.1
├── atom-dark-ui@0.53.3
├── atom-light-syntax@0.29.1
├── atom-light-ui@0.46.3
├── base16-tomorrow-dark-theme@1.6.0
├── base16-tomorrow-light-theme@1.6.0
├── one-dark-ui@1.12.5
├── one-light-ui@1.12.5
├── one-dark-syntax@1.8.4
├── one-light-syntax@1.8.4
├── solarized-dark-syntax@1.3.0
├── solarized-light-syntax@1.3.0
├── about@1.9.1
├── archive-view@0.66.0
├── autocomplete-atom-api@0.10.7
├── autocomplete-css@0.17.5
├── autocomplete-html@0.8.8
├── autocomplete-plus@2.42.4
├── autocomplete-snippets@1.12.1
├── autoflow@0.29.4
├── autosave@0.24.6
├── background-tips@0.28.0
├── bookmarks@0.46.0
├── bracket-matcher@0.92.0
├── command-palette@0.43.5
├── dalek@0.2.2
├── deprecation-cop@0.56.9
├── dev-live-reload@0.48.1
├── encoding-selector@0.23.9
├── exception-reporting@0.43.1
├── find-and-replace@0.219.8
├── fuzzy-finder@1.14.3
├── github@0.36.9
├── git-diff@1.3.9
├── go-to-line@0.33.0
├── grammar-selector@0.50.1
├── image-view@0.64.0
├── incompatible-packages@0.27.3
├── keybinding-resolver@0.39.1
├── line-ending-selector@0.7.7
├── link@0.31.6
├── markdown-preview@0.160.2
├── metrics@1.8.1
├── notifications@0.72.1
├── open-on-github@1.3.2
├── package-generator@1.3.0
├── settings-view@0.261.8
├── snippets@1.5.1
├── spell-check@0.77.1
├── status-bar@1.8.17
├── styleguide@0.49.12
├── symbols-view@0.118.4
├── tabs@0.110.2
├── timecop@0.36.2
├── tree-view@0.229.1
├── update-package-dependencies@0.13.1
├── welcome@0.36.9
├── whitespace@0.37.8
├── wrap-guide@0.41.0
├── language-c@0.60.19
├── language-clojure@0.22.8
├── language-coffee-script@0.50.0
├── language-csharp@1.1.0
├── language-css@0.45.1
├── language-gfm@0.90.8
├── language-git@0.19.1
├── language-go@0.47.2
├── language-html@0.53.1
├── language-hyperlink@0.17.1
├── language-java@0.32.1
├── language-javascript@0.134.1
├── language-json@1.0.5
├── language-less@0.34.3
├── language-make@0.23.0
├── language-mustache@0.14.5
├── language-objective-c@0.16.0
├── language-perl@0.38.1
├── language-php@0.47.0
├── language-property-list@0.9.1
├── language-python@0.53.6
├── language-ruby@0.72.23
├── language-ruby-on-rails@0.25.3
├── language-rust-bundled@0.1.0
├── language-sass@0.62.1
├── language-shellscript@0.28.2
├── language-source@0.9.0
├── language-sql@0.25.10
├── language-text@0.7.4
├── language-todo@0.29.4
├── language-toml@0.20.0
├── language-typescript@0.6.3
├── language-xml@0.35.3
└── language-yaml@0.32.0

Community Packages (2) C:\Users\dogle\.atom\packages
├── minimap@4.40.1
└── simplified-chinese-menu@5.3.5
在线安装
  • 文件,设置,安装

  • 切换成淘宝源

点击查看详情
# 在 C:\Users\用户名\.atom 目录下,新建文件名为 .apmrc 的文本文件,编写如下
registry=https://registry.npm.taobao.org/ 
strict-ssl=false 

# 安装node,打开cmd使用npm执行如下
C:\Users\dogle>npm config set registry https://registry.npm.taobao.org
# 检查安装环境
C:\Users\dogle>apm install --check
Checking for native build tools done
离线安装
  • 中文
# 离线安装路径,进入如下目录
C:\Users\dogle\.atom\packages

# 使用git将simplified-chinese-menu拓展clone到该文件夹
PS C:\Users\dogle\.atom\packages> ls


    目录: C:\Users\dogle\.atom\packages


Mode                 LastWriteTime         Length Name
----                 -------------         ------ ----
d-----         2024/5/17     18:06                simplified-chinese-menu
-a----         2024/5/17     15:39             61 README.md

# 进入拓展文件夹内部,执行如下命令安装
C:\Users\dogle\.atom\packages\simplified-chinese-menu>apm install
Installing modules done
点击查看详情
  • 安装成功后,重启Atom,查看:文件,设置,拓展
  • 预览全部代码
# 进入如下目录
C:\Users\dogle\.atom\packages

# 克隆到本地
dogle@DESKTOP-KI961IK MINGW64 ~/.atom/packages
$ git clone https://github.com/atom-minimap/minimap.git
Cloning into 'minimap'...
remote: Enumerating objects: 10936, done.
remote: Counting objects: 100% (501/501), done.
remote: Compressing objects: 100% (195/195), done.
remote: Total 10936 (delta 312), reused 439 (delta 279), pack-reused 10435
Receiving objects: 100% (10936/10936), 9.24 MiB | 39.00 KiB/s, done.
Resolving deltas: 100% (7396/7396), done.

dogle@DESKTOP-KI961IK MINGW64 ~/.atom/packages
$ ls
README.md  minimap/  simplified-chinese-menu/

# 打开cmd,进入拓展文件夹内部,执行如下命令安装
C:\Users\dogle\.atom\packages\minimap>npm install
[..................] - idealTree:minimap: sill idealTree buildDeps
点击查看详情
  • 安装成功后,重启Atom,查看:文件,设置,拓展
  • 测试
# 进入如下目录
C:\Users\dogle\.atom\packages

# 克隆到本地
dogle@DESKTOP-KI961IK MINGW64 ~/.atom/packages
$ git clone https://github.com/ddavison/rest-client.git
Cloning into 'rest-client'...
remote: Enumerating objects: 693, done.
remote: Counting objects: 100% (31/31), done.
remote: Compressing objects: 100% (26/26), done.
remote: Total 693 (delta 13), reused 20 (delta 5), pack-reused 662
Receiving objects: 100% (693/693), 1.61 MiB | 155.00 KiB/s, done.
Resolving deltas: 100% (393/393), done.

# 打开cmd,进入拓展文件夹内部,执行如下命令安装
C:\Users\dogle\.atom\packages\rest-client>apm install
Installing modules done
点击查看详情
  • 安装成功后,重启Atom,查看:文件,设置,拓展
  • 使用,点击顶部[拓展] -> REST Client -> Show

  • 查看项目中保存的url

  • drawio

# 进入如下目录
C:\Users\dogle\.atom\packages

# 克隆到本地
dogle@DESKTOP-KI961IK MINGW64 ~/.atom/packages
$ git clone https://github.com/gbevan/atom-drawio.git
Cloning into 'atom-drawio'...
remote: Enumerating objects: 3184, done.
remote: Counting objects: 100% (35/35), done.
remote: Compressing objects: 100% (30/30), done.
remote: Total 3184 (delta 12), reused 16 (delta 4), pack-reused 3149
Receiving objects: 100% (3184/3184), 60.54 MiB | 8.45 MiB/s, done.
Resolving deltas: 100% (1009/1009), done.
Updating files: 100% (1926/1926), done.

# 打开cmd,进入拓展文件夹内部,执行如下命令安装
C:\Users\dogle\.atom\packages\atom-drawio>apm install
Installing modules
点击查看详情
  • 安装成功后,重启Atom,查看:文件,设置,拓展
  • 使用,点击顶部[拓展] -> atom-drawio -> New Drawio Diagram -> 输入名称 -> 进入指定文件夹,剪切到桌面 -> 使用atom打开

  • 可以新建一个.svg后缀的文件,再用atom打开
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1px" height="1px" version="1.1" content="&lt;mxfile userAgent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Atom/1.27.0 Chrome/58.0.3029.110 Electron/1.7.11 Safari/537.36&quot; version=&quot;9.1.0&quot; editor=&quot;www.draw.io&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;dbcdc022-8115-a1c9-aecf-92c7b94d01f6&quot; name=&quot;Page-1&quot;&gt;dZFNE4IgEIZ/DXdlZ/o4m9Wlk4fOBKhM6DqIo/Xr08CMsbiwPPvuvrAQSKrhZFhTXlBITWgkBgIHQmkMEI3bRB6eREAdKYwSni0gU085Cz3tlJBtILSI2qomhBzrWnIbMGYM9qEsRx26NqyQK5Bxptf0qoQtHd3R7cLPUhXl7Bxv9i5zY/xeGOxq70co5O/l0hWbe/mHtiUT2H8hSAkkBtG6qBoSqafhzmNzdcc/2c+9jaztj4IxWHqPh+AHIX0B&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g transform="translate(0.5,0.5)"/></svg>
  • 思维导图
# 进入如下目录
C:\Users\dogle\.atom\packages

# 克隆到本地
dogle@DESKTOP-KI961IK MINGW64 ~/.atom/packages
$ git clone https://github.com/dundalek/atom-markdown-mindmap.git
Cloning into 'atom-markdown-mindmap'...
remote: Enumerating objects: 416, done.
remote: Total 416 (delta 0), reused 0 (delta 0), pack-reused 416
Receiving objects: 100% (416/416), 1010.17 KiB | 1.21 MiB/s, done.
Resolving deltas: 100% (229/229), done.

# 打开cmd,进入拓展文件夹内部,执行如下命令安装
C:\Users\dogle\.atom\packages\atom-markdown-mindmap>apm install
Installing modules done
点击查看详情
  • 安装成功后,重启Atom,查看:文件,设置,拓展
  • 新建test.md,使用atom打开,点击顶部[拓展] -> Markdown Mindmap -> Toggle Mindmap view

  • markdown

# 进入如下目录
C:\Users\dogle\.atom\packages

# 克隆到本地
dogle@DESKTOP-KI961IK MINGW64 ~/.atom/packages
$ git clone https://github.com/shd101wyy/markdown-preview-enhanced.git
Cloning into 'markdown-preview-enhanced'...
remote: Enumerating objects: 12197, done.
remote: Counting objects: 100% (440/440), done.
remote: Compressing objects: 100% (259/259), done.
remote: Total 12197 (delta 262), reused 319 (delta 176), pack-reused 11757
Receiving objects: 100% (12197/12197), 36.96 MiB | 806.00 KiB/s, done.
Resolving deltas: 100% (7706/7706), done.

# 打开cmd,进入拓展文件夹内部,执行如下命令安装
C:\Users\dogle\.atom\packages\markdown-preview-enhanced>apm install
Installing modules done
点击查看详情
  • 安装成功后,重启Atom,查看:文件,设置,拓展
  • 新建test.md,使用atom打开,点击顶部[拓展] -> Markdown Preview Enhanced -> Toggle preview
posted @ 2024-05-17 15:56  DogLeftover  阅读(14)  评论(0编辑  收藏  举报

目录导航