本文转载于:猿2048网站https://www.mk2048.com/blog/blog.php?id=i2bckjb&title=Windows%E7%8E%AF%E5%A2%83%E4%B8%8Bsublime+text+3%E6%90%AD%E5%BB%BA%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83

一、安装SubLime Text 3

SubLime Text 3官网下载:https://www.sublimetext.com/


二、安装Package Control

进入sublime后,按快捷键Ctrl+、键,进入命令行模式,

sublime text 3在命令行输入:

1 import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

sublime text 2在命令行输入:

import urllib2,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

然后,回车,等待sublime text 3下方状态栏不在走动,说明sublime text 3的插件管理工具Package Control安装成功。


三、相关插件及其安装

按快捷键Ctrl+Shift+p键,

在弹出的输入框内输入pcip,

选中Package Control:Install Package选项,

回车,

在弹出的输入框中输入插件名字即可安装。

注:安装过程快慢不一,需注意sublime text 3下方状态栏提示内容

  等待上个插件安装完成再进行下一个插件的安装


四、Sublime Text 3常用插件

1.ChineseLocalization:

  汉化插件,提供日语,简体中文,繁体中文等

2.Emmet:

  前端开发神器,帮助程序员快速的编写 HTML 和 CSS 代码

  Emmet插件依赖于PyV8插件

3.JSFormat:

  JavaScript代码格式化插件

4.Less:

  LESS语法高度显示和代码提示

5.Alignment:

  变量定义太多,长短不一,可一键对齐“=”

6.Less2CSS:

编译Less的插件

监测到文件改动时,编译保存为.css文件

7.Clipboard History:

粘贴板历史记录
        
        Ctrl+alt+v:显示历史记录
        
        Ctrl+alt+d:清空历史记录
        
        Ctrl+shift+v:粘贴上一条记录(最旧)
        
        Ctrl+shift+alt+v:粘贴下一条记录(最新)
        
8.Bracket  Highlighter:
        
        代码匹配
        
        可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和结束标记
        
9.Git:
        
        基本实现Git的所有功能
        
10.jQuery:
        
        jQ函数提示
        
11.DocBlockr:
        
        生成注释
        
        标准的注释,包括函数名、参数、返回值等,并以多行显示
        
12.ColorPicker:

调色板
        
        快捷键:Ctrl+Shift+C
        
13.ConverToUTF8:

文件转码成utf-8
        
14.AutoFileName:

快捷提示文件名
        
15.NOdejs:

nodejs代码提示
        
16.IMESupport:
        
        sublime中文输入法支持
        
17.Trailing Spaces:

检测并一键去除代码中多余的空格
        
18.Color Highlighter:

代码提示颜色
        
19.CSS3:

CSS代码自动补全
        
21.HTML5:

HTML代码自动补全
        
22.CSS Format:

CSS代码格式化
        
23.TypeScript:

JavaScript代码提示插件
        
24.HTML-CSS-JS Prettify:

全能序列化(格式化)
        
25.open in broswer:

在浏览器打开此页面
        
26.SublimeLinter:

代码错误提示


五、Sublime Text 3优秀主题

1.Material Theme

2.Seti_UI

3.Boxy Theme

4.Predawn

5.Agila

本文转载于:猿2048▷https://www.mk2048.com/blog/blog.php?id=i2bckjb&title=Windows%E7%8E%AF%E5%A2%83%E4%B8%8Bsublime+text+3%E6%90%AD%E5%BB%BA%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83

转载于:https://my.oschina.net/u/4181724/blog/3093456

Windows环境下sublime text 3搭建前端开发环境相关推荐

  1. Sublime Text 3 搭建 Golang 开发环境(记录我遇到的问题)

    准备 go 已经安装完成(https://golang.org/ 自行下载安装) sbulime3 已经安装完成(http://www.sublimetext.com/3自行下载与安装) go env ...

  2. Sublime Text 2搭建Java开发环境

    <Sublime Text 2搭建Java开发环境> 作者:chszs,转载需注明. 作者博客主页:http://blog.csdn.net/chszs Sublime Text 2是我非 ...

  3. Sublime Text 2搭建Go开发环境(Windows)

    对于不了解Sublime Text 2的朋友,可以看看官网:http://www.sublimetext.com/(总的来说是一个轻量级,用起来很方便的工具). 1. 下载 Sublime Text ...

  4. Sublime Text 2搭建Go开发环境,代码提示+补全+调试

    本文在已安装Go环境的前提下继续. 1.安装Sublime Text 2 2.安装Package Control. 运行Sublime,按下 Ctrl+`(`在Tab键上边),然后输入以下内容: im ...

  5. MinGW安装与环境变量配置和Sublime Text 3搭建C++编译环境

    一.MinGW在Windows中的安装与配置: MinGW MinGW(Minimalist GNU For Windows)是个精简的Windows平台C/C++.ADA及Fortran编译器,相比 ...

  6. C++:Windows环境下基于Eclipse配置C/C++开发环境

    C++:Windows环境下基于Eclipse配置C/C++开发环境 目录 Windows下的MinGW下载.安装和配置 1.MinGW下载 2.MinGW安装与配置 3.基于Eclipse配置 Wi ...

  7. mapbox-gl开发教程(一):搭建前端开发环境

    –mapbox-gl是一个开源.基于webgl技术的前端地图类库– 开发教程篇一:搭建前端开发环境 1.mapbox官网注册一个账号,生成一个开发token,在mapbox-gl2.0以前,使用自搭建 ...

  8. sublime text java 开发_Sublime Text 3搭建Java开发环境

    作者:chszs,转载需注明. 作者博客主页:http://blog.csdn.net/chszs Sublime Text 2是我非常喜欢的文本编辑器,它美观漂亮.轻量级.本文讲述怎样在Sublim ...

  9. 使用PHP环境一键安装包快速搭建PHP开发环境

    在Windows系统下如何搭建PHP开发环境? 为了快速进入编程状态,顺利地完成第一个PHP程序,我们选择使用PHP集成环境包. 什么是PHP集成环境包?类似的软件又有哪些呢? 要回答这个问题,我们需 ...

  10. mac搭建python开发环境_Mac中基于Homebrew搭建python开发环境

    转移到mac上了.这里是在lion中搭建python开发环境的简单记录.这份记录不是一份step by step.而是事后写的记录,可能有记忆遗漏.如果有错误,请指正. 1.安装homebrew的准备 ...

最新文章

  1. 我这样理解技术人的成长过程
  2. hdu 4925 Apple Tree--2014 Multi-University Training Contest 6
  3. 【Python】urllib爬取动漫图片
  4. 他初中学历做开发,3年在北京买了房,超过了99%的程序员!
  5. 【Computer Organization笔记17】大实验讨论:各组数据通路展示
  6. Javascript第五章window对象的事件常用方法第三课
  7. 根据身份证号码计算年龄
  8. 台式计算机怎么安装无线网卡,台式机装无线网卡,详细教您台式机怎么使用无线网卡上网...
  9. Log4j2 Demos(基础/时间大小回滚/定期删除/日志脱敏)
  10. 解决ffmpeg报错Non-monotonous DTS in output stream 0:0;
  11. 如何做好一个中小型企业计算机网络管理员
  12. Pikachu靶场暴力破解通关
  13. 计算机控制运行内存,运行内存
  14. 关于vue项目的seo问题
  15. uni-app动态引入图片
  16. 支付宝RSA2公钥证书生成办法
  17. 北大郭炜算法课笔记整合
  18. 修订版开源项目成功的十条准则
  19. 用python和NetAssist来做TCP客户端和服务器端
  20. docker下载与安装

热门文章

  1. pc端移动端布局有什么区别
  2. pr用什么显卡比较好_用 PR 剪辑视频应该用什么 CPU 和显卡?
  3. NAS(Network Attached Storage)协议
  4. 打印时候复选框勾选不见了_请取消勾选逐份打印复选框
  5. 通过css和html构建能耗数据分析树状图
  6. html 动态导航菜单,导航菜单,css3,javascript,响应式菜单,html,css
  7. php几种常用的加密解密算法
  8. Recall(召回率), Specificity(特异度),Precision(精确度), Sensitivity(灵敏度)
  9. 电子设计教程53:555定时器工作原理与常见应用
  10. 软件沙箱技术 – 安全分析沙箱Cuckoo Sandbox