sublime Text3插件安装记录

做前端开发项目的时候，对编程工具的配置步骤记录。
从旧博客迁移过来，旧博客地址：
http://snowball.daxueask.com/archives/13/

---

基本流程

• 1.安装package Control
• 2.安装Emmet
• 3.安装主题 theme
• 4.文件管理 新建文件等 AdvancedNewFile
• 5.安装node
• 6.安装sublimelinter代码校验工具
• 7.安装CSS语法检查工具

---

1.安装package Control

登录https://packagecontrol.io/installation

复制sublime text3部分的内容（版本要对应）；
回到sublime中找到view->show console ；
在弹出的输入框中将刚才复制的内容粘贴进入；
回车等待安装，安装完成即可。

2.安装Emmet

ctrl+shift+p –> package control :install Packages –>输入emmet回车安装

3.安装主题 theme

ctrl+shift+p –> package control :install Packages –>输入theme回车安装

举例：

安装各种版本的主题（随自己喜好）
ctrl+shift+p –> package control :install Packages –>输入主题名称（如: theme-soda）回车安装

4.文件管理 新建文件等 AdvancedNewFile

ctrl+shift+p –> package control :install Packages –>输入 AdvancedNewFile回车安装

5.安装node—-注意！！！！！！这里是给window7安装Node不是给sublime了！！！

首先下载Node安装包：官网地址：https://nodejs.org/en/download/
然后下载安装就可以了；

PS：
安装参考链接：
http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html
nodejs的github地址：
https://github.com/tanepiper/SublimeText-Nodejs

6.安装sublimelinter代码校验工具

第5部安装Node就是为了这一步做准备，具体过程见下面的链接
http://gaohaoyang.github.io/2015/03/26/sublimeLinter/

大概的步骤整理在这里，防止哪天链接不行了：

（1）安装sublimeLinter

ctrl+shift+p –> package control :install Packages –>输入 sublimeLinter回车安装

安装完后，通过弹出的说明发现具体的 Linters 组件不被包含在 SublimeLinter 3 中，所以我们要额外独立安装组件。可以针对不同的语言安装不同的组件。

PS：JavaScript 语法检查
SublimeLinter-jshint 是基于 nodeJS 下的 jshint 的插件，实际上 SublimeLinter-jshint 调用了 nodeJS 中 jshint 的接口来进行语法检查的。

（2）安装sublimelinter-jshint

ctrl+shift+p –> package control :install Packages –>输入 sublimelinter-jshint回车安装

（3）安装 nodeJS ：这一步就是上文中第5部

在插件开始工作之前，我们必须再看一下上述插件的安装说明
通过 SublimeLinter-jshint 的说明 我们可以看到，这个组件依赖于 nodeJS 下的 jshint，所以我们安装 nodeJS 环境和 nodeJS 下的 jshint。

（4）安装 jshint，运行cmd.exe

上图是别人的，下图是我自己执行过程截图：

7.安装CSS语法检查工具：SublimeLinter-csslint

ctrl+shift+p –> package control :install Packages –>输入 SublimeLinter-csslint回车安装