在windows 64 环境下
一、首先要有node.js的开发环境
node.js的安装:安装地址
点击install下载window版本的安装程序后安装即可。
默认的安装会将安装目录加到path环境变量中。
二、在sublime text3中安装node.js插件
node.js:下载地址
安装方法(方法不只这一种):
1. 直接下载压缩包后解压,重命名为nodejs,放到到sublime text的package目录中。
(菜单栏中的Preferences-->浏览程序包Browse Packages直接打开package目录。)
2. 修改编译选项,在../data/package目录下的nodejs目录中
打开Nodejs.sublime-build
原始内容如下:
{ "cmd": ["node", "$file"], "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)", "selector": "source.js", "shell":true, "encoding": "cp1252", "windows": { "cmd": ["taskkill /F /IM node.exe & node", "$file"] }, "linux": { "cmd": ["killall node; node", "$file"] } }
有2个地方需要修改,一个是编码,为了避免乱码code,需要改成cp936;
另外一个是cmd命令,本身如果只是想简单的运行nodejs程序的话,windows下面的cmd可以直接"cmd": ["node","$file"],但是这样非常不利于开发环境。
因为这样的话每次build都会重新启动一个node.exe进程,且会占用一个端口,这肯定是我们不希望的。
上文中的cmd原本是想在启动node.exe之前讲node.exe进程都杀掉,然后再启动node.exe,但是这个命令写的不对,直接使用的话是编译不成功的。
原文链接:在windows环境下基于sublime text3的node.js开发环境搭建
修改如下
{ "cmd": ["C:Program Files\nodejs\node.exe", "$file"], "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)", "selector": "source.js", "shell":true, "encoding": "GB2312", "windows": { "cmd": ["C:Program Files\nodejs\node.exe", "$file"] }, "linux": { "cmd": ["killall node; node", "$file"] }, "osx": { "cmd": ["killall node; node $file"] } }
3. Preferences-->插件设置-->nodejs-->setting-defalut
4. 测试 :新建test.js文件,输入 console.log('Hello Node.js');
按快捷键 Ctrl + B 运行,成功输出!
这个路径在哪里找呢?就是你第一步时安装nodejs的选择的位置
三、是CssComb 的安装和配置方法
下载CssComb 插件CSSComb
把zip文件重命名为CssComb.sublime-package 放到installed package文件夹里
Ctrl+shift+P,安装package control:install package,搜索CssComb进行安装
配置环境,更改path。
打开Preferences-->插件设置-->CssComb-->setting-defalut去nodejs的安装目录找到bin的位置,复制路径放上去
这样就安装完成了!快捷键ctrl+shift+C 试试哦
四、碰到的问题
- 问题一:为什么我的按下键没反应?
是因为Csscomb的快捷键是shift+ctrl+c,可能与其他快捷键冲突
你可以去Preferences-->插件设置-->CssComb-->key-Bindings-Defallut设置
- 问题二:CSScomb error:
please check the validity of the block starting from line #1
出现上面的问题也很容易解决,随便点一下你的编辑器 不要选择任何文本,重新按下快捷键。
出现这个错误的原因就是因为你选中的部分插件没有办法排序,要么什么都不选,要么就选中可以排序的部分(包括完整的属性选择器和{}中的内容,如果你只选择属性,它不知道是谁的属性,所以没有办法排序)
原文链接
- 问题三:排序下来会有空白,隔行
在sublime中下载 CSS Format
插件,然后执行 edit->css format->expanded 即可此时空行将会消除。
CSS Format 下载地址
此类型问题更详细的说明,原文链接在此
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。