1. 首页
  2. 作品
  3. Web 前端笔记
  4. 1.6 Atom
工具 HTML CSS 前端 Atom

1.6 Atom

Atom是一款由GitHub开发的开源代码编辑器,支持自定义HTML,CSS及JS等编程语言。由于简洁直观的界面,同时支持第三方程序包安装及支持宏等特点,深受程序员们的喜爱！

常用插件

  • Emmet：快速生成HTML片段，比如输入ul>li*3可以快速生成：
<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

详细地址，Emmet教程

  • Snippets：快速生成 js 代码片段（用来处理代码片段的模板输出），详细地址
  • Tree View：文件浏览器，详细地址
  • file icons：文件识别图标，使用这个插件会让你的编辑器显示对应的图标，详细地址
  • language-javascript-jsx：jsx语法高亮 ，详细地址
  • language-vue：vue语法高亮，详细地址
  • linter-eslint：eslint插件，详细地址
  • vue-snippets：vue代码片段，详细地址
  • pigments：颜色显示器，详细地址
  • linter-eslint：语法检查
  • Atom-Beautify：代码格式化

参考链接：https://github.com/cucygh/JDFinance/blob/master/issue.md

插件无法安装的问题

方法一：设置代理

C:\Users\smyhvae\.atom\.apm目录下的.apmrc配置文件（没有就新建一个）,然后添加代理信息：

strict-ssl=false
https-proxy=http://127.0.0.1:1080/
http-proxy =http://127.0.0.1:1080/

这里的 http://127.0.0.1:1080，是我自己的 Shadowsocks 代理，你需要设置成自己的可用代理。 然后再执行：

apm install --check

应该可以测试成功，祝好运~~

参考链接：

Markdown相关

在编辑器中预览：Packages -> Markdown Preview -> Toggle Preview 快捷键：Shift + Ctrl + M

参考链接：

作品《Web 前端笔记 - 1.6 Atom》由 跃然 发布于 匠果，转载请注明出处及链接地址： http://www.jiangguo.net/c/2n5/g6.html