首页 > 编程知识 正文

手机web编辑器(网页开发者工具如何编辑)

时间:2023-05-04 20:59:14 阅读:82361 作者:1621

Atom社区繁荣,有丰富的扩展/插件(packages )。 安装Atom的包非常简单,可以通过编辑器的环境设置进行安装,也可以在命令行中使用apm命令进行安装。

在介绍适合WEB开发的软件包之前,让我先简单介绍一下Atom Packages的安装方法。

安装 Atom Package

通过偏好设置安装 Package

使用快捷键command,/ctrl打开首选项。 单击左侧的安装,可以浏览在线软件包。 顶部有一个搜索框,可以搜索发布在atom.io上的Package; 接下来是Feature Packages,即精选的Package,是比较优质的Package。

通过 apm命令安装 Package

Atom附带apm的软件包管理工具。 可以在命令行中运行以下命令,以确定是否安装了apm :

apm help install命令后,需要输出apm install的详细信息。 如果要输出非apm install的命令信息,请打开Atom菜单,选择Install Shell Commands进行安装。

验证是否正确安装了apm后,可以开始安装软件包。 如上面的apm help install运行中所示,安装命令如下。

APM安装[软件包名称. ]

apminstallpackage _ name @包_版本

APM安装--- -包-文件-包. txt

Package 推荐

快捷输入类

自动完成- plus,输入时提供可能的候补。

要使用atom-ctags、ctags加强自动完成功能,需要autocomplete-plus。 顾名思义,如果输入特殊字符,javascript-snippets将自动扩展为相应的Javascript代码片段。

虚拟机模式

VIM-Mode支持使用VIM编辑器在Atom上的操作方法进行编辑。 这对我来说是一个非常Killer的包,在此之前我在WebStorm上通过插件模拟VIM的操作,但是很难使用。 在Atom上的这个模拟VIM操作,感觉很容易使用。 可以混合使用VIM操作和普通编辑操作。

emmet

手写HTML看起来有点专业,但是手写的问题是得到大量的代码。 Emmet大幅提高了手写的效率。 很有价值。

Linters

jshint,验证你的JavaScript,写更专业的JavaScript代码。

csslint,csslint报告了规定外的CSS规则。

版本控制类

Git plus、Atom上运行git命令,无需在终端和编辑器之间来回切换。

辅助类

迷你地图在Atom上添加了Sublime Text的源代码预览图,提供了丰富的定制选项,值得一提。

颜色拾取器

在编辑器中选择颜色。 右键单击颜色拾取器,或使用cmd shift c/ctrl alt c快捷键调用颜色选择面板。 支持以HEX、HEXA、RGB、RGBA、HSL和HSLA格式指定的颜色值。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。