资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

如何使用Pycharm中的FileWatchers

这篇文章主要讲解了“如何使用Pycharm中的File Watchers”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何使用Pycharm中的File Watchers”吧!

成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、网站制作、乐清网络推广、成都微信小程序、乐清网络营销、乐清企业策划、乐清品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供乐清建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

1、主题

详细介绍PyCharm中file watcher的使用。

2、准备工作

(1)Pycharm版本为3.1或者更高

(2)File Watchers插件可用,这个插件在安装Pycharm应该会默认安装(若没有则需手动安装,参见product documentation for details):

如何使用Pycharm中的File Watchers

(3)提前熟悉相关使用要领,参见Using File Watchers

(4)这篇教程中我们会处理 LESS以及 CoffeeScript文件。建议提前做一些预习工作。

3、安装Node.js插件

首先需要下载安装Node.js插件。打开IDE设置的Plugins页面,搜索对应插件:

如何使用Pycharm中的File Watchers

安装完成后,重启Pycharm。

4、安装LESS和CoffeeScript编译器

这里有两种方式安装这两个编译器:

(1)第一,手动安装。打开 local terminal(单击PyCharm窗口下边缘的Terminal窗口按钮),使用npm命令安装LESS和CoffeeScript:

如何使用Pycharm中的File Watchers

(2)第二,使用Pycharm界面安装:单击主工具栏的设置按钮,在Node.js and NPM页面单击绿色加号:

如何使用Pycharm中的File Watchers

在Available Packages对话框中,选择要安装的库(这里选择less),单击Install Package:

如何使用Pycharm中的File Watchers

安装完成后,相关编译器文件会写入工程的根目录下:

如何使用Pycharm中的File Watchers

稍后用到这些文件。

5、配置File Watchers

   这步由Pycharm自动完成。

6、为LESS文件配置相应的file watcher

在没有进行相应配置是,打开LESS文件后Pycharm会给出错误提示:

如何使用Pycharm中的File Watchers

单击Add watcher连接按钮,在弹出的对话框中选择file watcher的可执行类型(这里选择LESS),并制定从标准输出中指定生成格式:

如何使用Pycharm中的File Watchers

通过这个配置窗口你能够大致了解file watcher的实际功能;

(1)监视项目中所有LESS文件的变化

(2)使用外部扩展来编译文件,一般使用定义在Program域中的lessc.cmd编译器。

7、为CofeeScript文件配置相应的file watcher

在没有进行相应配置是,打开CofeeScript文件后Pycharm同样会给出错误提示:

如何使用Pycharm中的File Watchers

单击Add watcher连接按钮,在弹出的对话框中选择file watcher的可执行类型(这里选择CoffeeScript ):

如何使用Pycharm中的File Watchers

通过这个配置窗口你能够大致了解file watcher的实际功能:

(1)跟踪项目中所有CoffeeScript文件的变化。

(2)使用外部扩展.coffee来编译处于外部扩展extension .js的文件,一般使用定义在Program域中的 coffee.cmd编译器。

(3)使用外部扩展.coffee来编译处于外部扩展extension .map的文件,一般使用定义在Program域中的 coffee.cmd编译器。

8、编辑file watcher

打开LESS文件,做一些改动,例如重命名变量@myColor为@Color,并改变它的值。file watcher会立即处理改动后的文件,并通过外部.css将其变成一个输出文件:

如何使用Pycharm中的File Watchers

接下来打开并编辑CoffeeScript文件,做一些修改,例如更改opposite变量的值,file watcher会生成一个JavaScript文件以及一个映射源文件:

如何使用Pycharm中的File Watchers

注意PyCharm会在项目窗口中同时显示生成文件和源文件。

9、有问题?

 File Watcher执行失败,PyCharm会给出提示以帮助修正:

如何使用Pycharm中的File Watchers

感谢各位的阅读,以上就是“如何使用Pycharm中的File Watchers”的内容了,经过本文的学习后,相信大家对如何使用Pycharm中的File Watchers这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


当前标题:如何使用Pycharm中的FileWatchers
分享URL:http://www.cdkjz.cn/article/iipgec.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220