Atom插件篇

准备工作:

step1:安装node.js

不清楚的可以访问http://www.cnblogs.com/Jayeblog/p/6667786.html

step2:安装Atom

进入官网https://atom.io/安装下载

step3:配置apm环境

找到apm的安装路径,添加进环境变量Path中

C:\Users\administrator\AppData\Local\atom\app-1.15.0\resources\app\apm\bin

记得路径前面和后面加上;号

1.Emmet

打开cmd命令行窗口(开始>运行>输入"cmd"),进入packages目录

C:\Users\administrator\.atom\packages

然后执行以下命令

cd ~/.atom/packages
git clone https://github.com/emmetio/emmet-atom
cd emmet-atom
npm install

重启Atom即可完成安装

2.activate-power-mode

到github上下载zip安装包,链接地址:https://github.com/JoelBesada/activate-power-mode

解压到文件夹C:\Users\administrator\.atom\packages下,把解压文件的文件名改为activate-power-mode

打开cmd窗口,进入C:\Users\administrator\.atom\packages的packages目录,执行以下命令

apm install

窗口中出现installing modules done就表示安装成功,效果图(摘自官网图片)如下

提示:重启Atom后,发现没有粒子动画效果说明你的coding速度太慢!!!

时间: 2024-08-27 22:21:34

Atom插件篇的相关文章

atom插件安装引发的nodejs和npm安装血案

最近在写前端网页,学习就要从高大上的地方开始,于是我打算装一个atom编辑器. 本来就是由github客户端的,再装个atom也算是配套了吧,其实本白也是蛮费心思的,技术不怎么地,什么神器都再努力地使用啊. Atom下载安装就好. {坑的是,要安装插件,不是在线安装,没敢用git这种更加没接触过的东西,就是package下载之后把解压缩的干货放在用户文档的.atom的package文档下中.然后,当然不可以用啦,当然要报错了,插件并没有安装!我还以为自己电脑有问题呢. 这就是看别人写的安装教程的

Atom插件主题推荐

注意事项 主题和插件这方面,比 Sublime Text 人性化多了..一些比较用心的作者增加了二度设置功能. 何为二度设置,就是不用手写代码修改配置文件,点点鼠标,填填输入框就能生效,主题以 isotope-ui 这个做例子介绍,看图: 进入二度设置我再介绍 一般有二度设置的,最下面一块都有 readme 或者其他引导教程, 插件的二度设置和主题大同小异,有 二度内部都是插件功能的启用及代码部署教程, 感觉比 Sublime 人性化好多,sublime 的插件说明要自己上 Github 或者

定制Eclipse IDE之插件篇(一)

上文回顾:定制Eclipse IDE之功能篇(二) 在这篇文章中,我会将我定制eclipse用到的其他插件罗列出来. 一.汉化插件 Eclipse本身是英文显示的,我们能够通过插件汉化. 1. 选择对应的Eclipse版本. 下载地址:http://www.eclipse.org/babel/downloads.php 2. 选择需要下载的语言 3.解压后直接拷贝到Eclipse的dropins目录即可. 二.打开文件夹位置插件 点击工程或工程文件时候,可以直接打开目录位置. 下载地址:http

定制Eclipse IDE之插件篇(二)

上文回顾:定制Eclipse IDE之插件篇(一) 延续上一篇的插件篇,这一篇将会讲到一个最关键的插件aptana. 一.aptana插件 官方的解释我就不说了,从下面图可以看到插件提供了什么功能,列举一些我觉得重要的. 1. Contnet Assist : 代码提示 2. Editors:5种文件编辑器 3. Themes : 主题 4. Validation : 代码校验 提供这几点能力直击我eclipse前端开发的要害,就决定使用,下面是我对aptana做的一些调整. 1. 下载apta

atom插件

个人atom使用插件名记录 atom-python-autopep8 atom-simplified-chinese-menu atom-sublime-select autocomplete-python emmet-atom-master highlight-selected language-gfm-enhanced markdown-preview-enhanced markdown-scroll-sync python-tools 离线安装安装 从github下载对应插件安装包,解压拷

webpack进阶之插件篇

一.插件篇 1. 自动补全css3前缀 autoprefixer 官方是这样说的:Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website,也就是说它是一个自动检测兼容性给各个浏览器加个内核前缀的插件. 举个栗子:最新的弹性盒模型flux实际代码: :fullscreen a { display: flex } 插件自动补充后 a { display: -webkit-box; d

Unity的NGUI插件篇——入场效果

Unity的NGUI插件篇--入场效果 入场效果 入场效果需要借助于NGUI提供的TweenPosition类来完成,为了说明此类的使用方法,本节将使会讲解两个示例.本文选自  大学霸 <NGUI使用手册>  一书 匀速入场 将游戏主菜单看作一个整体,本小节会令其自上而下匀速入场,具体的实现过程如下: (1)在Project视图里,新建一个C#脚本,命名为AppearFromAbove,为其添加下面的代码: 01     using UnityEngine; 02     using Syst

bootstrap学习——javascript插件篇

飞最近做的一个小项目需要用到一个模态框和一个图片浏览插件,并把二者结合,刚好bootstrap有对应插件,以下是学习应用流程: 1.    引入js文件: 可以单个引入对应插件文件,或一次全部引入,飞是选择的后者,原因:引入bootstrap.min.js文件并不大. 2.    先看模态框的效果,然后查看如何使用动态实例, 使用方法很简单: <1>直接复制动态实例的代码(当然要起码知道涉及到的一些类的作用,如.fade 类作用是弹出动画效果) <2>根据我的需要修改样例的代码(去

Atom插件合集

1. 通用插件 2. HTML开发插件install 3. CSS插件 4. JS开发插件 5. Git插件 参考链接 "Atom是由GitHub开发的自由及开放源代码的文字与代码编辑器,支持macOS.Windows和Linux操作系统,本文收集常用的Atom插件." 1. 通用插件 sync-settings last-cursor-position platformio-ide-terminal bracket-matcher duplicate-line-or-selectio