sublime text3的CssComb的安装/配置方法以及报错解决方法/消除空行方法

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

在windows 64 环境下

一、首先要有node.js的开发环境

  1. node.js的安装:安装地址

  2. 点击install下载window版本的安装程序后安装即可。

  3. 默认的安装会将安装目录加到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

clipboard.png

 4. 测试 :新建test.js文件,输入 console.log('Hello Node.js');
    按快捷键 Ctrl + B 运行,成功输出!

   这个路径在哪里找呢?就是你第一步时安装nodejs的选择的位置

三、是CssComb 的安装和配置方法

  1. 下载CssComb 插件CSSComb

  2. 把zip文件重命名为CssComb.sublime-package 放到installed package文件夹里

  3. Ctrl+shift+P,安装package control:install package,搜索CssComb进行安装

  4. 配置环境,更改path。
    打开Preferences-->插件设置-->CssComb-->setting-defalut

  5. 去nodejs的安装目录找到bin的位置,复制路径放上去

clipboard.png

这样就安装完成了!快捷键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 下载地址
此类型问题更详细的说明,原文链接在此

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看