sublime3下载安装及常用插件
之前与学习前端有关的软件都安装在了实验室电脑上,最近由于要放寒假(也许我寒假回去会学习呢),于是得在笔记本电脑上重新安装一遍。几个软件各种出错,花了一下午才安装好,必须记录下来啊!
这篇文章主要介绍sublime的下载安装,常用的一些插件的介绍和安装以及浏览器预览设置。
下载安装sublime
- 官网地址http://www.sublimetext.com/3,选择与电脑匹配的版本下载;
- 安装,这个就不用多说了,按提示来就行
package control安装
简介:首先安装package control,这是安装其他插件的前提。
步骤如下:
- 进入packagecontrol的官网https://packagecontrol.io/
- 点击install
- 复制sublime text3下面框中的内容
- 回到sublime编辑器,通过View->Show Console菜单打开命令行,将以上复制内容粘贴
- 重启sublime,如果顺利的话,此时就可以在Preferences菜单下看到Package Settings和Package Control两个菜单了。
通过Preferences菜单->Package Control或者快捷键Ctrl+shift+p->pci就可以打开package control了
emmet插件
简介:相信很多人都知道emmet插件啦,因为真的很好用啊。举个例子,输入ul#list>li*3,再按tab键,就会出现如下代码:
<ul id="list">
<li></li>
<li></li>
<li></li>
</ul>
超级神奇超级有用有木有!其他的一些用法,可以参见官方文档http://docs.emmet.io/cheat-sheet/。下面介绍emmet的安装。
- 通过Preferences菜单->Package Control或者快捷键Ctrl+shift+p->pci打开package control
- 点击Install Package
- 等待几秒后再弹出如下内容,输入emmet,点击第一个:
- 等待一会,就安装完成啦,快去重启一下试试它的神奇之处吧。
docblockr插件
简介:docblockr插件用来快速添加注释。比如:1)输入/*+回车,补充块注释,2)输入/**按回车,补充多行注释,3)在写好的函数上方输入/**按tab键,自动补充函数说明格式等等。docblockr也是很好用的,大家可以自己搜一搜其他用法。
下面介绍docblockr的安装,步骤就基本与emmet插件安装过程一样
- 通过Preferences菜单->Package Control或者快捷键Ctrl+shift+p->pci打开package control
- 点击Install Package
- 等待几秒后再弹出如下内容,输入docblockr,点击第一个就OK了。
jshint和cssLint
简介:用于语法和代码规范校验,并给出相应的提示。
- 首先安装sublime Linter,这是一个总体框架。
- 要对相应的语法进行校验,需安装特定的插件,比如校验css要安装cssLint。
由于安装相应的插件之前要先安装node.js,我对这部分先不是很了解,就直接按这篇文章来操作的http://www.wiibil.com/website/sublimelinter-jshint-csslint.html,讲的很清楚,大家按这个操作就好了。
注:sublime还有一些很实用的功能,我也还在探索中。大家可以参考慕课的这个课程http://www.imooc.com/learn/40,讲的挺好的,我初期基本都是从那学的。
浏览器预览设置
步骤如下:
- 通过Preferences菜单->Package Control或者快捷键Ctrl+shift+p->pci打开package control
- 点击Install Package
- 输入SideBarEnhancements,点击安装
- 菜单栏选择Preferences->Kind Bings,出现如下
- 在上图中括号中输入如下代码,按Ctrl+s保存:
/*chrome*/
{
"keys": ["f12"],
"command": "side_bar_files_open_with",
"args": {"application":"C:/Users/Administrator/AppData/Roaming/360se6/Application/chrome.exe"/*此处为浏览器程序的位置*/,
"extensions": ".*",
"paths": []}
}, /*IE*/
{
"keys": ["ctrl+f2"],
"command": "side_bar_files_open_with",
"args": {"application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"/*此处为浏览器程序的位置*/,
"extensions": ".*",
"paths": []}
},
上图中/**/中为注释,“keys”中表示快捷键(我这里给chrome浏览器设置的f12,可以根据自己的习惯更改),“args”中的application中为浏览器的地址(注意:将\要换成\\或者/)。按上图格式,可为更多的浏览器设置快捷键。
浏览器的地址查看方法:右键相应浏览器的图标,点击“属性”,复制下图红框中的内容即可(粘贴后记得去掉引号,并将\要换成\\或者/)
OK,完成以上设置,基本就可以满足前端日常的需求了~
sublime3下载安装及常用插件的更多相关文章
- sublime3下载安装及常用插件、浏览器预览设置
之前与学习前端有关的软件都安装在了实验室电脑上,最近由于要放寒假(也许我寒假回去会学习呢),于是得在笔记本电脑上重新安装一遍.几个软件各种出错,花了一下午才安装好,必须记录下来啊! 这篇文章主要介绍s ...
- Sublime Text 3安装及常用插件安装
一.Sublime3下载 1.百度搜索Sublime3 download,选择进入下载页面 2.我选择下载Win64位安装程序 二.Sublime3安装 傻瓜式安装,一直点下一步即可. 三.Subli ...
- 【编程工具】Sublime Text3的安装和常用插件推荐
本人刚刚学习 HTML,曾经上网找过一些编写 HTML 的软件,但感觉都不太好,经过三挑四选下,最终我决定选择 Sublime Text3 这款软件来作为学习工具,上网找到了许多实用的插件,在这里给大 ...
- Sublime Text3安装及常用插件安装
为了使用强大好用的代码编辑器来进行selenium3+Python3的自动化测试. 使用Sublime Text 3非常适合. 1.下载安装 首先到http://www.sublimetext.com ...
- Atom插件安装及常用插件推荐
Atom是个不错的文本编辑工具,也该可以改造成IDE用,主要靠插件实现各种扩展功能. 因为网络环境的原因,在线安装不容易成功,一般选择手动安装. 以下是我搜索网络资源后总结的手动安装方法. Atom插 ...
- sublime插件安装及常用插件配置
1.下载 :百度云 工具中 2.注册 sgbteam Single User License EA7E-1153259 8891CBB9 F1513E4F 1A3405C1 A865D53F 115F ...
- 2.Brackets安装及常用插件安装
转自:https://blog.csdn.net/autumn20080101/article/details/53171326 Brackets 是一个免费.开源且跨平台的 HTML/CSS/Jav ...
- TortoiseSVN下载,安装,配置,常用操作 svn教程
一. 首先在百度搜索并下载 TortoiseSVN 推荐从官网下载,软件分为32位和64位版本,下载时请根据自己的系统位数进行下载:
- ELK安装和配置及常用插件安装
环境 CentOS 7.3 root 用户 JDK 版本:1.8(最低要求),主推:JDK 1.8.0_121 以上 关闭 firewall systemctl stop firewalld.serv ...
随机推荐
- SQLCMD的介绍
原文:SQLCMD的介绍 sqlcmd -S SERVERNAME -U USERNAME -P PASSWORD -i filename.sql 下面的内容是详细介绍sqlcmd的,有兴趣的朋友可以 ...
- Visual Studio 2013 的 Browser Link 功能
Visual Studio 2013 的 Browser Link 功能 最近公司弄新项目需要用 MVC,就把 IDE 升级到了 Visual Studio 2013,在开发的时候发现有好多请求一个本 ...
- 【C#版本详情回顾】C#3.0主要功能列表
隐式类型的本地变量和数组 在与本地变量一起使用时,var 关键字指示编译器根据初始化语句右侧的表达式推断变量或数组元素的类型 对象初始值设定项 支持无需显式调用构造函数即可进行对象初始化 集合初始值设 ...
- 微信SDK使用总结
最近做一个分享功能,需要使用微信SDK分享内容给朋友或朋友圈.期间遇到些奇怪的问题,花了点时间去折腾了一番. 首先需要到微信开放平台http://open.weixin.qq.com/?lang=zh ...
- SignalR + KnockoutJS + ASP.NET MVC 实现井字游戏
SignalR + KnockoutJS + ASP.NET MVC 实现井字游戏 1.1.1 摘要 今天,我们将使用SignalR + KnockoutJS + ASP.NET MVC实现一个实 ...
- hive UDAF开发入门和运行过程详解(转)
介绍 hive的用户自定义聚合函数(UDAF)是一个很好的功能,集成了先进的数据处理.hive有两种UDAF:简单和通用.顾名思义,简单的UDAF,写的相当简单的,但因为使用Java反射导致性能损失, ...
- 如何编写makefile
一:Makefile介绍: Makefile是为自动化编译而生.我们写好makefile文件后,只需要一个make命令,就可以完成整个项目的编译工作,大大提高了开发效率. 也许刚开始学习编程时,你不会 ...
- inet_aton()
两次技术面试都被让c语言实现inet_aton()函数 看来这个函数真的很重要. 我先贴上我自己的实现代码 #include <stdio.h> #include <math.h&g ...
- 新的IRepository接口+搜索和排序解耦(+基于Castle实现)
新的IRepository接口+搜索和排序解耦(+基于Castle实现) 经过了上篇IRepository和IRepository<T>的讨论[文章地址为:http://www.cnblo ...
- MyEclipse修改默认的workspace路径
在此只提供一个自己认为可行的办法(已验证可行) 已MyEclipse8.5为例 打开安装路径C:\Program Files\Genuitec\MyEclipse 8.5\configuration下 ...