sublime text3插件篇

这里配置个适合我自己的sublime text3配置,以作备忘。

注:内容为网上找的拼凑而成,如有雷同,那就雷同吧~

1、Emmet

强大的代码提示功能,安装无需配置就可以使用。

2、Git

支持sublime text3上的git操作 ,方便管理代码版本。

3、Sass & Sass Build

高亮显示sass代码,提高可读性。

  • 按Ctrl+B编译,博主用空的sass可以编译成功,当前目录会出现 [name].css 和  [name].css.map(没啥作用,记录生成css的信息)文件。
  • 有写样式的sass编译报错:Error: Invalid charset directive ‘@charset‘: expected string.(不清楚声明为什么报错,并且不写声明语句后也是报错的)
  • 并且编译后生成文件路径不知道怎么设置,我是用webpack2搭建的项目环境所以也没有去找解决方案,在此留下这个坑,日后 再解决。

github源码上有一句这个:(估计是改sass或者ruby源码以改变生成文件路径)

If you want to change the default folder of your generated CSS files into another one, you can edit the build:

      Example: Save your CSS files into a css folder: "cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"],

另外,就是windows7下解决中文乱码的问题:

  • 找到ruby的安装目录,里面也有sass模块,如路径: C:/Ruby/lib/ruby/gems/1.9.1/gems/sass-3.3.14/lib/sass 
  • 在这个文件里面engine.rb,添加一行代码Encoding.default_external = Encoding.find(‘utf-8’) 放在所有的require XXXX 之后即可.

4、cssrem

一个CSS的px值转rem值的Sublime Text 3自动完成插件

  • 克隆项目   https://github.com/hyb628/cssrem.git
  • 进入packages目录:Preferences > Browse Packages…
  • 复制下载的cssrem目录到刚才的packges目录里。
  • 重启Sublime Text。

参数配置:Sublime Text -> Preferences -> Package Settings -> cssrem

  • px_to_rem - px转rem的单位比例,默认为40。
  • max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。
  • available_file_types - 启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。
  • 我在配置文件 cssrem.sublime-settings里修改了单位比例为100
  • 具体的比例参数还是看个人平时切图怎么设置参数为准。

 5、AutoFileName 
自动补全文件路径。

6、SublimeLinter 
语法检测工具, 可以检测到所写代码的语法错误,并高亮显示错误。

7、DocBlokr 
DocBlokr 帮助你创造你的代码注释,通过解析功能,参数,变量,并且自动添加基本项目, 只要在文档中输入/**然后按一下tab, 就会根据代码自动生成注释。

8、Alignment 
代码对齐插件,进行智能对齐。

9、Node.js 
用于搭建node.js开发环境。

安装之后打开 Preferences > Browse Packages…进入Nodejs文件夹里面:

  • 打开Nodejs.sublime-build文件,将代码 "encoding": "cp1252" 改为 "encoding": "utf8" 保存文件;
  • 再打开文件“Nodejs.sublime-settings”,将代码 "node_command": false改为 "node_command": "C:\\Program Files\\nodejs\\node.exe" ,将代码 "npm_command": false 改为 "npm_command": "C:\\Program Files\\nodejs\\npm.cmd" ,保存文件
  • 本人node.js安装目录为:C:\\Program Files\\nodejs
时间: 2024-09-29 18:44:33

sublime text3插件篇的相关文章

sublime Text3插件教程

Mr_Renhappy Sublime Text3 3080安装及各种插件教程 作为一个前端开发人员,搭建自己喜欢的开发环境是必要的!Sublime Text3 作为一个前端开发利器是必备的, 会用是不够的,必须学会如何安装配置:作为一个windows用户很多命令行操作是很不习惯的,但有些地方命令行命令行也是必需的. 工具/原料 Sublime Text Nodejs 方法/步骤 1 打开Sublime Text3 官网   http://www.sublimetext.com/3 并下载与自己

sublime Text3 插件编写教程_第一课

今天给大家分享一下编写一个Sublime Text3 插件的流程以及使用插件解决的一个实际问题. 一.开发插件的前提条件 开发sublime插件用到的是Python语言,因此必须懂Python语言的基础语法.学习Python语言,推荐学习廖雪峰的Python教程(http://www.liaoxuefeng.com/). 编写插件处理文本用到正则表达式的地方非常多,尽量了解正则表达式语法.学习正则表达式,推荐正则表达式30分钟入门教程(http://www.cnblogs.com/deercha

Sublime text3插件安装方法

一.安装sublime text3插件的方法: 1.Ctrl+~键,调出console,将下面代码复制到底部命令行,回车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyH

Sublime Text3 插件收录

收录常用的Sublime Text3 插件, 方便安装使用,免得每次一个个的搜, 欢迎补充 安装方法直接打开install package 搜索安装 1. Babel 支持react jsx语法 2. Pretty JSON json 格式化 3. ConvertToUTF8 编码转换 4. Cmd Caller 在当前文件目录打开终端 设置: 打开Preference->Package Settings-->Cmd Caller-->Settings 然后添加设置如下: { "

sublime text3插件

1.Package Control:是一款方便 Sublime Text3管理插件的插件.2.Emmet:是一款具有语法补全功能,可以提高编程效率的插件.在使用快捷编程前,需要保存文件为Html,然后按Tab.http://www.iteye.com/news/275803.Theme和Color_scheme(配色):Soda dark,Flatland dark,Sunburst.4.Tag:是一款格式化html代码的插件,选中代码,按键Ctrl+Alt+F实现代码格式化.5.Css For

Sublime text3 插件安装问题(最新最容易的添加Emmet插件方法)

Emmet插件作为Sublime text3 的热门插件,首先解决如何添加安装才是使用的基础 在添加Emmet插件的时候,我也遇到了若干问题,只能卸载Sublime text3再安装,终于安装成功,现分享下经验(2017/9/20) 1.首先先下载Emmet插件,下载(点击下载) 2.打开Sublime Text,依次Preferences→Browse Packages- 打开了一个文件夹,把解压的Emmet插件复制到这个文件夹的目录下 3.重启Sublime Text,你会看到右下角在下载P

sublime text3插件TrailingSpaces无法使用的解决方法

TrailingSpaces是很好用的一款插件,可以清除代码结尾打多了几个空格或Tab,对于代码洁癖绝对是个福音,我的sublime text3本来安装了这款插件,也可以正常使用,今天突然不能用了,即使是用鼠标点击: Edit > Trailing Spaces > Highlight Regions 也没有效果.快捷键的话也是无效.在sublime的下边栏显示:highlighting of trailing spaces is disable. 尝试重装了TrailingSpaces依然没

推荐一些自己觉得好用的Sublime Text3插件

所有插件使用package control安装,国内某些破解版的sublime已内置该插件,没有内置的自己百度安装方法,在此不再复述 打开sublime,ctrl+shift+P,输入pis回车,稍等一会儿,即可选择想要安装的插件 这里都是推荐我在用觉得好用的插件,不定期更新 1.ConvertToUTF8 Sublime原生不支持GBK等编码,打开这类编码文件时中文或一些字符都乱码了,安装该插件即可解决 2.Emmet 前端神器,确实也是方便,例如你输入 div#divid>ul.ulli>

sublime text3 插件CTags

1.打开Sublime Text 2/3软件,在Preferences(设置)菜单中打开Package Control(插件管理器)打开菜单后找到install packages,搜索ctags, 回车执行,稍等一会看到左下角提示安装成功就好了 2.这时你在打开的文件中,右键菜单中会多一个Navigate to Definition菜单项 3.在侧左栏的工程/项目文件上右键会看到CTags: Rebuild Tags菜单项 4.这时你可以选中一个函数然后右键打开Navigate to Defin