Atom的安装和几个插件

本文介绍了如何通过Atom编辑器及其插件如atom-html-preview和emmet来加速HTML/CSS编写。Emmet提供简练的编码规则,提升代码生成速度,同时涵盖atom-ternjs的自动补全和汉化插件,助力前端开发者高效工作。
摘要由CSDN通过智能技术生成

下载:

Emmet的安装与介绍
【Emmet】HTML速写之Emmet语法规则
Atom
Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。

下载好后直接双击安装就行

常用插件

atom-html-preview

Html的实时预览
crtl +shift+h
在这里插入图片描述

emmet

在前端开发的过程中,最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等,头疼。
特别是手动编写 HTML 代码的时候,效率会特别低下,因为需要敲打很多尖括号,而且很多标签都需要闭合标签等。于是,就有了 Emmet(前身是Zen Coding),它可以极大的提高代码编写的效率,它提供了一种非常简练的语法规则,然后立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发。

在这里插入图片描述

atom-ternjs

js代码的自动补全
在这里插入图片描述

Simplified Chinese Menu

菜单汉化
在这里插入图片描述

git-plus

git 与 GitHub 管理
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值