首先必须安装stylus,安装stylus需要先安装nodejs,于是乎,我们先安装nodejs.
安装nodejs注意,如果你是ubuntu,可能会出点小问题:
Node.js在ubuntu上默认被装到了/usr/bin/nodejs目录下，所以默认只能用nodejs来调用。解决方法是运行下面命令，来创建一个文件连接，之后terminals里node就能正常工作了。
sudo ln -s /usr/bin/nodejs /usr/bin/node
npm 使用淘宝的源
npm config set registry https://registry.npm.taobao.org
升级nodejs到最新版
- 清除npm cache
- npm cache clean --force
- 安装n模块，n模块是专门用来管理nodejs的版本
- sudo npm install -g n
- 升级到最新稳定版
- sudo n stable
- 查看版本 nodejs -v
- 安装stylus
- sudo npm install stylus -g
准备工作做完了,接下来进入正题.
- 打开pycharm, File->Settings->Tools->File Watchers,点击右边的File Watchers
-
点击 + 新建一个Watcher,
2018-07-17 16-53-39屏幕截图.png
稍微做一下说明:
关键是 Program这个参数,要指向你的stylus的可执行文件.如果你的操作系统和我的(ubuntu16.04)不同,你需要指向你实际的可执行文件的位置.如果你不清楚可执行文件的位置,试着执行一下
whereis stylus
可能会把你的stylus的可执行文件(或快捷方式)的路径显示出来,复制就好了.
2018-07-18 12-08-27屏幕截图.png
其他的默认值就好了.
这样当你在编辑styl后缀的文件的时候,会在styl文件的目录下生成一个同名的css文件.
如果你想调整文件的缩进.请按照如下操作:
打开pycharm, File->Settings->Editor->Code Style->Stylus 右边的Indent就是缩进.
2018-07-17 16-59-10屏幕截图.png
网友评论