Windows环境下sublime text 3搭建前端开发环境
本文转载于:猿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搭建前端开发环境相关推荐
- Sublime Text 3 搭建 Golang 开发环境(记录我遇到的问题)
准备 go 已经安装完成(https://golang.org/ 自行下载安装) sbulime3 已经安装完成(http://www.sublimetext.com/3自行下载与安装) go env ...
- Sublime Text 2搭建Java开发环境
<Sublime Text 2搭建Java开发环境> 作者:chszs,转载需注明. 作者博客主页:http://blog.csdn.net/chszs Sublime Text 2是我非 ...
- Sublime Text 2搭建Go开发环境(Windows)
对于不了解Sublime Text 2的朋友,可以看看官网:http://www.sublimetext.com/(总的来说是一个轻量级,用起来很方便的工具). 1. 下载 Sublime Text ...
- Sublime Text 2搭建Go开发环境,代码提示+补全+调试
本文在已安装Go环境的前提下继续. 1.安装Sublime Text 2 2.安装Package Control. 运行Sublime,按下 Ctrl+`(`在Tab键上边),然后输入以下内容: im ...
- MinGW安装与环境变量配置和Sublime Text 3搭建C++编译环境
一.MinGW在Windows中的安装与配置: MinGW MinGW(Minimalist GNU For Windows)是个精简的Windows平台C/C++.ADA及Fortran编译器,相比 ...
- C++:Windows环境下基于Eclipse配置C/C++开发环境
C++:Windows环境下基于Eclipse配置C/C++开发环境 目录 Windows下的MinGW下载.安装和配置 1.MinGW下载 2.MinGW安装与配置 3.基于Eclipse配置 Wi ...
- mapbox-gl开发教程(一):搭建前端开发环境
–mapbox-gl是一个开源.基于webgl技术的前端地图类库– 开发教程篇一:搭建前端开发环境 1.mapbox官网注册一个账号,生成一个开发token,在mapbox-gl2.0以前,使用自搭建 ...
- sublime text java 开发_Sublime Text 3搭建Java开发环境
作者:chszs,转载需注明. 作者博客主页:http://blog.csdn.net/chszs Sublime Text 2是我非常喜欢的文本编辑器,它美观漂亮.轻量级.本文讲述怎样在Sublim ...
- 使用PHP环境一键安装包快速搭建PHP开发环境
在Windows系统下如何搭建PHP开发环境? 为了快速进入编程状态,顺利地完成第一个PHP程序,我们选择使用PHP集成环境包. 什么是PHP集成环境包?类似的软件又有哪些呢? 要回答这个问题,我们需 ...
- mac搭建python开发环境_Mac中基于Homebrew搭建python开发环境
转移到mac上了.这里是在lion中搭建python开发环境的简单记录.这份记录不是一份step by step.而是事后写的记录,可能有记忆遗漏.如果有错误,请指正. 1.安装homebrew的准备 ...
最新文章
- 我这样理解技术人的成长过程
- hdu 4925 Apple Tree--2014 Multi-University Training Contest 6
- 【Python】urllib爬取动漫图片
- 他初中学历做开发,3年在北京买了房,超过了99%的程序员!
- 【Computer Organization笔记17】大实验讨论:各组数据通路展示
- Javascript第五章window对象的事件常用方法第三课
- 根据身份证号码计算年龄
- 台式计算机怎么安装无线网卡,台式机装无线网卡,详细教您台式机怎么使用无线网卡上网...
- Log4j2 Demos(基础/时间大小回滚/定期删除/日志脱敏)
- 解决ffmpeg报错Non-monotonous DTS in output stream 0:0;
- 如何做好一个中小型企业计算机网络管理员
- Pikachu靶场暴力破解通关
- 计算机控制运行内存,运行内存
- 关于vue项目的seo问题
- uni-app动态引入图片
- 支付宝RSA2公钥证书生成办法
- 北大郭炜算法课笔记整合
- 修订版开源项目成功的十条准则
- 用python和NetAssist来做TCP客户端和服务器端
- docker下载与安装
热门文章
- pc端移动端布局有什么区别
- pr用什么显卡比较好_用 PR 剪辑视频应该用什么 CPU 和显卡?
- NAS(Network Attached Storage)协议
- 打印时候复选框勾选不见了_请取消勾选逐份打印复选框
- 通过css和html构建能耗数据分析树状图
- html 动态导航菜单,导航菜单,css3,javascript,响应式菜单,html,css
- php几种常用的加密解密算法
- Recall(召回率), Specificity(特异度),Precision(精确度), Sensitivity(灵敏度)
- 电子设计教程53:555定时器工作原理与常见应用
- 软件沙箱技术 – 安全分析沙箱Cuckoo Sandbox