Web/00-前端工具/05-Atom在前端的使用.md
qianguyihao d41890c8d0 update
2018-07-01 09:48:21 +08:00

2.2 KiB
Raw Blame History

常用插件

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

详细地址Emmet教程

  • Snippets:快速生成 js 代码片段(用来处理代码片段的模板输出),详细地址

  • Tree View:文件浏览器,详细地址

  • file icons:文件识别图标,使用这个插件会让你的编辑器显示对应的图标,详细地址

  • language-javascript-jsxjsx语法高亮 详细地址

  • language-vuevue语法高亮详细地址

  • linter-eslinteslint插件详细地址

  • vue-snippetsvue代码片段详细地址

  • 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相关

在编辑器中预览

2018-06-JD日记.md

Packages -> Markdown Preview -> Toggle Preview

快捷键Shift + Ctrl + M

参考链接:

相关设置

显示缩进线

settings -->Editor --> Show Indent Guide