从notepad转投Sublime

来源:互联网 发布:win7关闭端口批处理 编辑:程序博客网 时间:2024/06/11 16:17

从notepad转投Sublime

以前一直在用notepad++,但是新版本的notepad在对插件Zen coding(Emmet)用不了,所以开始用sublime,开始对英文版的sublime不是很习惯。下插件是也遇到了不少麻烦。所以在这记录下,既帮助自己记录这些资料,也可以帮助遇到这些问题的朋友,顺便推荐下我现在下载的插件。

  1. 下载backage control
    按照官网提供的方法解决。点我

  2. Emmet
    我抛弃notepad的目的。哈哈,在sublime中按 Ctrl + Shirt + P 然后输入install Package。在输入Emmet选择即可。

  3. sublimeLinter
    jslint和csslint用来检查js错误和css错误。这三个先在package control中下载完成后。需要在下载一个node.js。这个网上一百度就找了。我当时安装了之后,就不知道,该怎么办了。以为这样就好了。后来才搞明白。还要在node.js的命令框(npm)中安装。

     **安装代码** npm install -g csslint npm install -g jshint

    安装完之后,重启sublime就好了。

  4. DocBlockr
    配置:
    打开Preferences -> Package Settings -> DocBlockr->Settings - User。插入下面代码,保存即可。

{    "jsdocs_extra_tags":["@Author YourName","@DateTime {{datetime}}"]}
  1. autoprefixer
    用来自动填写游览器前缀。
    使用:
    1.安装node.js(cmd中运行node -v可以正常出现)
    2.在package control中安装autoprefixer
    3.在书写css的地方运行ctrl shift P打开命令窗口,选择Autoprefixe css即可。

  2. Jsformat
    格式化js。
    使用方法:
    在你写javascript代码时,按下 Ctrl+Alt+F 快捷键后,js代码自动格式化对齐

  3. sublimeCodeIntel
    这是一款代码提示插件,支持多种编程语言。

  4. SideBarEnhancements
    SideBarEnhancements是一款很实用的右键菜单增强插件在安装该插件前,在Sublime Text左侧FOLDERS栏中点击右键,只有寥寥几个简单的功能,通过Package Control安装SideBarEnhancements插件后。文件夹栏右键菜单马上增强不少。更强大的是,该插件还能让我们自定义快捷键呼出某个浏览器以预览页面,这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。
    配置
    点击菜单栏的preferences->package setting->side bar->Key Building-User
    键入以下代码:

[    { "keys": ["ctrl+shift+c"], "command": "copy_path" },    //firefox    { "keys": ["f1"], "command": "side_bar_files_open_with",             "args": {                "paths": [],                "application": "F://Firefox Developer Edition//firefox.exe",                "extensions":".*" //匹配任何文件类型            }    },    //chrome    { "keys": ["f2"], "command": "side_bar_files_open_with",            "args": {                "paths": [],                "application": "C://Program Files (x86)//Google//Chrome//Application//chrome.exe",                "extensions":".*"            }     },    //ie    { "keys": ["f3"], "command": "side_bar_files_open_with",             "args": {                "paths": [],                "application": "C://Program Files//Internet Explorer//iexplore.exe",                "extensions":".*"            }    }]

这里设置其按Ctrl+Shift+C复制文件路径,分别按F1、F2和F3即可分别在firefox,chrome,IE浏览器预览当前页面效果。当然,你也可以自己定义喜欢的快捷键。但要注意代码中的浏览器路径要以自己电脑里的文件路径为准。

0 0