zoukankan      html  css  js  c++  java
  • atom配置web开发环境

    1. 安装包

    1.1 apm命令

    自带apm ,没有菜单栏找install shell commands
    apm全称:atom package management
    apm installl [包的名称]
    apm install
    apm install 包的路径
    apm search 包名称
    apm view 包名称 查看包
    apm install git-grep 安装包
    npm,需要你安装git和Node.js

    1.2. 使用setting里面的install package

    我试验的结果,不太好用。

    3. 插件推荐

    emmet 这个不用解释了
    vim-mode-plus
    activate-power-mode ctrl+alt+o激活 输入有很吊的效果
    file-icons 文件图标
    atom-beautify 代码格式化美化
    color-picker
    jshint

    4 theme推荐

    atom-material 类似安卓的风格,直接apm install atom-meterial-ui安装

    5 其他

    atom的配置是通过类似CSS选择器的方式进行的。
    参考:《Atom Flight Manual》

    6 基础

    alt+ctrl+f2 设置书签
    f2 书签跳转
    ctrl+up/down 行上移动
    ctrl+shift+d 复制行
    ctrl+shift+k 删除行
    ctrl+d 在当前文档中选中下一个相同的字符
    alt+f3 选中所有相同的字符

    6.1 Snippets

    • alt+shift+s 查看所有可以支持的snippets
    • 编辑自己的snippets 高级功能以后研究 编辑snippets.cson

    6.2 代码折叠

    • alt+shift+ctrl+[/] 折叠当前文档所有的段落
    • alt+ctrl+[/] 折叠代码

    6.3 版本控制

    后面再研究





  • 相关阅读:
    thinkphp5整合 gatewaywork实现聊天
    php输出日志
    php的ob函数实现页面静态化
    30个php操作redis常用方法代码例子
    redis三种启动方式
    Redis实战
    支付宝即时到账接口开发
    PHP生成excel表格文件并下载
    微信平台提供三种公众号
    【Performance】chrome调试面板
  • 原文地址:https://www.cnblogs.com/bhaltair/p/5734525.html
Copyright © 2011-2022 走看看