资讯专栏INFORMATION COLUMN

Intellij IDEA & Sass 使用记录汇总

CodeSheep / 2265人阅读

摘要:在安装插件很容易,在通用设置窗口里面,选择节点,输入搜索相关插件名称即可。参考链接彻底解决卡顿七解决中文注释错误问题问题描述控制台报错,类似于报错。排查发现是由于中文注释引起。

一、如何查看某端口被占用进程并将其杀死

终端输入以下命令,将会出现占用端口的进程信息:

lsof -i tcp:[port]    // port 为所占用的端口,如:8086

找到进程的 PID,使用 kill 命令杀死对应进程:

kill [PID]    // pid 

二、修改配置刷新页面即查看修改内容

Java Web 项目,如果修改了 jsp 、js、css 等文件内容想立即刷新页面查看,可修改服务器配置为如下所示:

三、用 Gradle 构建后要重新部署服务器

有时用 SVN 更新了很多内容时,需要用 Gradle 重新构建。当用 Gradle 构建完之后就要重新部署服务器(Q:如果频繁更新,这种操作会很麻烦,IDEA 能否自动完成?):

四、解决 SVN 更新问题

不知道是否因为直接将文件放在 IDEA 的工作目录下,而非从远处 Checkout,更新 SVN 起来出现了些问题,例如:

显示版本 too old 于是去给 Mac 安装了最新版本的 SVN 客户端。但问题来了,Q:软件安装了,.bash_profile 文件也添加 export 重新生成了,但关闭终端,重启终端还是变回 1.7 版本?

不过后来折腾了下 IDEA 的 Subversion 配置不知道为什么就搞掂了~囧

五、File Watchers 与 Sass 实时编译

由于要用到 SassCompass 编译生成 CSS 代码 ,所以 File Watchers 是个非装不可的插件。

IDEA 安装插件很容易,在 Preferences 通用设置窗口里面,选择 Plugins 节点,输入搜索相关插件名称即可。

搜索安装完 File Watcher 之后,你会发现在 Tools 节点下出现了 File Watchers,点击下面的 + 新增一个配置(这里我已经创建了一个 Compass SCSS 设定)。

创建一个配置也很简单,基本上修改一个路径即可,就是下面用红色框圈住的地方,这个路径为项目存放 config.rb 文件的地方!(之前在这里也是折腾了一些时间才弄明白-。-)

这样就完成了!File Watchers 其实就是相当于一个文件监听器,当你在 IDEA 上编辑 .scss 文件时,会监听文件内容变化并调用系统安装的 Compas 来实时编译成 .css 文件,连保存都不用!

参考链接

How to create file watchers transpiler configurations

IntelliJ IDEA 2016.3 Help :: Working with Sass and SCSS in Compass Projects

六、解决 IDEA 的卡顿问题

我安装的是 15 版的 IDEA,作为低配版的 8g 内存的 15 年 rMBP,也是会出现卡顿现象,又经过一番折腾,发现把 Inspectionsempty 之后流畅了不止一点半点!其它优化设置可以看下面的链接。

参考链接

彻底解决 Intellij IDEA 卡顿

七、解决 Compass Sass 中文注释错误问题

问题描述:

控制台报错,类似于Syntax error: Invaild GBK charater 报错。

排查发现是由于中文注释引起。

解决方法:

在 Compass 项目配置文件 config.rb 添加一行代码(也可以找到 Ruby 的安装目录,找到里面的 Sass 模块的 engine.rb):

// 放在所有的 require XXX 之后即可
Encoding.default_external = Encoding.find("utf-8")

最后在 .scss 文件头部启用编码声明即可:

@charset "utf-8";

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/66753.html

相关文章

  • 开发利器之IntelliJ IDEA学习笔记

    摘要:旨在记录自己的学习过程,方便日后遇到问题是及时查阅复习,另一方面也希望能帮助像笔者一样从来没使用过的人快速熟悉。 这篇文章主要记录的是本人学习使用IntelliJ IDEA的笔记,可能不是特别的详细。旨在记录自己的学习过程,方便日后遇到问题是及时查阅复习,另一方面也希望能帮助像笔者一样从来没使用过IDEA的人快速熟悉IDEA。文章错误之处还请各位大佬批评指正。(文末有本人的微信公众号,...

    马永翠 评论0 收藏0
  • 第二十七章:SpringBoot使用ApplicationEvent&Listener完成业

    摘要:实体代码如下所示恒宇少年码云用户名密码创建内添加一个注册方法,该方法只是实现注册事件发布功能,代码如下所示恒宇少年码云用户注册方法省略其他逻辑发布事件事件发布是由对象管控的,我们发布事件前需要注入对象调用方法完成事件发布。 ApplicationEvent以及Listener是Spring为我们提供的一个事件监听、订阅的实现,内部实现原理是观察者设计模式,设计初衷也是为了系统业务逻辑之...

    Reducto 评论0 收藏0
  • 前端开发必备网站

    摘要:大牛博客阮一峰博客愚人码头博客张鑫旭博客勾三股四博客前端博客大漠穷秋视频教程极客学院慕课网视频教程前端社区前端网大前端伯乐在线前端里爱思资源网前端观察前端开发俱乐部前端工具类汇总前端开发仓库极客学院前端在线编辑器中文网开源项目免费程序员综 大牛博客: 阮一峰博客:http://www.ruanyifeng.com/blog/ 愚人码头博客:http://www.css88.com/ ...

    shiina 评论0 收藏0
  • 资源集 - 收藏集 - 掘金

    摘要:行爬取顶点全网任意小说掘金之前连续多篇文章介绍客户端爬取平台,今天我们从零开始,实现爬取顶点小说网任意一本小说的功能。文件标记所有文件我的后端书架后端掘金我的后端书架月前本书架主要针对后端开发与架构。 30行js爬取顶点全网任意小说 - 掘金之前连续多篇文章介绍客户端爬取平台(dspider),今天我们从零开始,实现爬取顶点小说网任意一本小说的功能。 如果你还不知道客户端爬取,可以先看...

    stdying 评论0 收藏0

发表评论

0条评论

CodeSheep

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<