ATOM编辑器下载及使用

  • atom官网
  • emmet 快捷键拓展包

atom官网

官网地址请直接百度检索atom
进入官网会自动推荐匹配电脑的atom版本
atom 右下角选择文本格式和编码
atom拓展安装
菜单栏:file->seting->install
输入拓展包名称,点击packages拓展包/themes皮肤主题。

  • emmet 快捷键拓展包

    www.emmet.io emmet官网查看更多语法
    若不能使用快捷方式,在atom右下角选择文本格式为html

  • ! + tab : html文本格式预生成

  • meta:utf:utf-8格式代码设置

  • meta:vp:**视窗设为idea-viewport,自适应全兼容模式
    参考https://www.cnblogs.com/yelongsan/p/7975580.html

  • meta:compat:ie兼容,参数可改,一般是edge

  • link:css:css文件应用

  • script:src

  • p.info:<p class="info> 还有[div.red=.red] [#=id ]

  • h2#header : <h2 id="header>

  • #header <div id="header> div是默认标签,不写也行

  • a:link :<a href="http://>

  • 根据标签之间的位置关系来生成标签

  • 同级兄弟标签 h2.header+p.info
    <h2 class="header"></h2>
    <p class="info"></p>

  • 后代标签也叫下线标签:
    ul>li+li+li

  • 生成当前标签的父级,上级标签
    h2>span^p.info
    <h2><span></span></h2>
    <p class="info></p>

  • 创建标签的同时创建内部文本
    a{php中文网}
    <a href="">php中文网</a>

  • p[title=“这是一段说明文字”]
    <p title="这是一段说明文字></p>

  • a[href=“http://www.php.cn”]{php中文网}
    <a href="http://www.php.cn">php中文网</a>
    -ul>li*3
    <ul>
    <li></li>
    <li></li>
    <li></li>
    </ul>

  • 快速生成一个有8个列表项的导航
    ul.list>li.item*8>a{导航$}示意$1 ,$$01

  • 给标签添加自动导航标签$或排序@标签
    {$$@-} 08 07 06 递减

ATOM编辑器下载及使用相关推荐

  1. linux atom编辑器下载,Atom 1.7.0 发布下载,跨平台开源文本编辑器

    Atom 1.7.0 发布下载,作为目前全球范围内影响力最大的代码仓库/开源社区,GitHub 的程序员们并不满足于此.他们使用目前最先进流行的技术重新打造了一款称为"属于21世纪" ...

  2. atom编辑器下载安装

    首先下载atom(阿童木)编辑器 在https://atom.io/官网下载,官网会自动识别电脑系统直接下载就可以使用,下载之后有时候需要汉化添加插件 在install 这个里边如下图 下载之后搜索c ...

  3. 关于Atom编辑器无法下载插件的解决方案

    前几天下载了Atom,著名Github出品的编辑器,在想要下载插件的时候遇到了无法下载的问题,经过一段折腾后,终于可以下载插件到本地了. 现在将方法贡献出来,避免更多人走坑.并且Atom的下载包我也放 ...

  4. 在Ubuntu下编译安装atom编辑器

    2019独角兽企业重金招聘Python工程师标准>>> 今天一大早就在开源中国首页看到了atom编辑器可以下载使用的消息,打开一看只提供Mac版的安装包.于是去Github上看了看, ...

  5. Learning Atom 学习Atom编辑器 Lynda课程中文字幕

    Learning Atom 中文字幕 学习Atom编辑器 中文字幕Learning Atom GitHub的Atom文本编辑器改变了Web开发环境,提供了一个开源,完全可编辑的编辑器,它强大,易于使用 ...

  6. 打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器

    打造前端 Deepin Linux 工作环境--安装配置 atom 编辑器 好,我个人推荐大家使用 atom 编辑器,第一是免费,第二是好看,第三是好用. 安装 atom 编辑器 我们输入 apt-c ...

  7. Atom编辑器配置C/C++编译环境

    1.下载编辑器 Atom下载地址:Atom 到此为止,Atom的下载工作就已经全部做好了. 2.配置C/C++编译环境 我们点击"Install a Package" " ...

  8. 如何使用atom编辑php,安装和使用Atom编辑器

    Atom编辑器是一个Github出品的现代的.可扩展的编辑器.和古老的Vim.Emacs相比,atom具有诸多优点.一是出现较晚,可以使用最新出现的各种技术;二来atom使用web技术构建而成,广大的 ...

  9. atom 怎么配置java,Atom编辑器的基础使用教程详细介绍,新手必看

    Atom作为的一个受欢迎的现代代码编辑器,有着各种各样的编辑器中都有的特性,并且该编辑器的功能也非常丰富,能够支持各种编程语言的代码高亮,如HTML.C++.Java.JSON.Python.C.CS ...

最新文章

  1. iOS评论App----常用时间的处理
  2. 利用CSS设置页面的垂直居中效果
  3. 向webServices请求失败
  4. AFN框架和SDWebImage框架的上手体验
  5. csredis封装_在.NET Core中使用CSRedis
  6. 在Hadoop上安装HBase
  7. 【数据仓库】数据仓库的发展史
  8. html网页加线条,「网站特效」html5 canvas粒子线条特效制作方法
  9. 图像处理常用函数(Matlab)
  10. 部署ROS2 Bouncy版本时遇到的一些问题
  11. iOS touchID 处理办法
  12. 科创人·望繁信创始人索强:中国版流程挖掘注定有完全不同的活法
  13. 度秘语音引擎app_「资源」9个(实时)语音转文字APP分享(推荐收藏)
  14. 大学计算机长文档排版教学视频教程,大学计算机基础中Word长文档排版的教学思考...
  15. 大数据时代下对马克思主义的一些探讨
  16. Alpha、Beta、RC、GA等版本的区别
  17. Highcharts插件常用配置
  18. k8s与日志--journalbeat源码解读 1
  19. 1.1、VIFB: A Visible and Infrared Image Fusion Benchmark(一个可见光与红外图像融合Benchmark)文章阅读
  20. 视觉SLAM十四讲第八讲

热门文章

  1. 东南大学计算机2020初试成绩公布,东南大学2020考研复试分数线已公布
  2. 魔方机器人matlab编程,C++实现超赞的解魔方的机器人代码
  3. 魅族7.0以上系统怎么样不root激活Xposed框架的经验
  4. 关于音乐播放器项目详细解析
  5. U极速v5.2.4官方正式版
  6. 哈哈~,终于把阿里妈妈的广告申请下来了
  7. 贵州的程序员年薪都40万不止,和你差在哪里?
  8. Android指纹识别ui显示,Android9.0指纹识别BiometricPrompt的简单使用
  9. linux开发板led怎么亮,飞凌OK6410开发板(裸板) 第一个点亮LED灯程序
  10. 全功能DB数据库管理工具,超赞,完全支持所有主流数据库