0.7 Atom 在前端的使用

常用插件

• 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

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

参考链接：

• https://atom-china.org/t/atom/984
• https://zhenyong.github.io/2016/08/03/starting-atom/

Markdown 相关

在编辑器中预览

Packages -> Markdown Preview -> Toggle Preview

快捷键：Shift + Ctrl + M

参考链接：

• 使用 Atom 打造无懈可击的 Markdown 编辑器

相关设置

显示缩进线

settings -->Editor --> Show Indent Guide