Atom在前端中的使用

发布时间:2024-12-02 12:28

掌握基本的代码编辑器使用,如Sublime Text或Atom #生活技巧# #工作学习技巧# #数字技能培养#

最新推荐文章于 2024-04-12 09:46:16 发布

@逆风boy 于 2021-04-28 16:54:40 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

常用插件

Emmet:快速生成HTML片段,比如输入ul>li*3可以快速生成:

<ul> <li></li> <li></li> <li></li> </ul> 12345

详细地址,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/ 123

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

apm install --check 1

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

参考链接:

https://atom-china.org/t/atom/984

https://zhenyong.github.io/2016/08/03/starting-atom/

Markdown相关

在编辑器中预览

2018-06-JD日记.md

Packages -> Markdown Preview -> Toggle Preview

快捷键:Shift + Ctrl + M

参考链接: 使用Atom打造无懈可击的Markdown编辑器

相关设置

显示缩进线

settings -->Editor --> Show Indent Guide

网址:Atom在前端中的使用 https://www.yuejiaxmz.com/news/view/346810

上一篇:diff
下一篇:GCD and LCM

相关内容

绿色化学
.net socket.io客户端使用过程
贵阳使用的高端的小区生活垃圾桶
基于SpringBoot+Vue前后端分离的在线教育平台项目
【前端校招面经】快手本地生活2023前端校招面经
在线家居维修中的移动端在线预约与在线支付
dart 错误
应用性能管理在移动端的应用_1
人脸识别手持终端在生活中的智能安全应用探索
如何使用蓝牙设备端SDK用户编程接口

随便看看