1. node.js 安装包    https://nodejs.org/en/download/ 1) 安装js解析器node.js.直接下一步就ok了. 2) 将npm压缩包解压,找到里面的lessc.cmd文件,放到c盘下一个没有中文路径的目录下,我们假如是 C:\Users\admin\AppData\Roaming\npm   2.打开webstorm→file→settings→Tools→file watching 点击“+”→less文件→Program右侧点击“...”弹出对话…

一.主题配色 主题设置方法:File -> Settings -> Appearance & Behavior -> Appearance ->Theme. webstorm-setting-02.jpg 配色设置方法:File -> Settings -> Editor -> Colors & Fonts->Scheme.(注:如果你是从从Sublime text3转过来的朋友,比较偏好monokia配色的,可以参见此文 webstorm入…

PHPStorm的配置分为2大类:项目配置和IDE配置. 项目配置(设置),主要是配置具体项目.IDE 配置(设置),通用的设置会应用到所有的项目上. 项目配置每个项目的配置存储在项目所在目录的 .idea 文件夹中,并以XML格式保存配置.如果你设置的是 “default project settings 默认项目设置”,那么这个默认设置将会自动应用到下一个最新创建的项目上. IDE 配置IDE 配置存储在PHPStorm指定的独立文件夹中,各个平台不同,配置的文件夹存放位置也不同.存放目录由…

关于Autoprefixer Autoprefixer是一个后处理程序,不象Sass以及Stylus之类的预处理器.它适用于普通的CSS,可以实现css3代码自动补全.也可以轻松跟Sass,LESS及Stylus集成,在CSS编译前或编译后运行.详情见,https://github.com/postcss/autoprefixer 当Autoprefixer添加前缀到你的CSS,还不会忘记修复语法差异.这种方式,CSS是基于最新W3C规范产生: 使用方法: step1:安装node.js ste…

摘要: PhpStorm Git 配置 首先需要安装windows下的Git版本,网上有很多我下载的是msysgit反正都差不多,不会的自己百度. 其次打开PhpStorm,点击File ,Settings ,找到Version Control 找到Git 这里有个Path to Git executable 需要填写的,网上看了很多教程.填写以后点test都报错PHPStorm官方也没有说明,经过研究最后发现.这里填写的应该是 G:\Dev_Git\Git\bin\git.exe 如我的是:G…

1. 安装xdebug 第一步: 得到本地PHP配置信息 在终端中运行: php -i > outputphp.txt 然后将得到的txt文件中的信息拷贝并复制到http://xdebug.org/wizard.php 这个页面提供的一个textarea中. 然后点击下方的Analyze按钮, 它会自动帮你解析你本地的PHP环境信息从而得到你需要下载的xdebug版本和相关配置指令. 为了进行下面步骤,还需要安装php5-dev依赖包: sudo apt-get install php5-dev…

关于这个的问题,虽说不是很难,但还是踩了点小坑,下面就来介绍下如何使用webstorm配置编译sass的输出目录. 1.下载Ruby 2.使用Ruby安装sass 3.检测是否安装成功. 前面的几步很多教程上都有,就不详细说了. 一般来说,我们期望scss目录和css目录是单独分开的,在scss目录中建立index.scss的文件.会弹出如上提示,点击yes,如果不小心点了no的话-- 一样可以进入这个页面. 如果这样的默认路径,编译好的css文件是会直接生成在scss文件下. 但是我们可以将A…

img { max-width: 100% } 上一节里面从PHPStudy+PHPStorm的配置,到最后发布,PHPStorm只是承担了编辑器和发布站点的任务,但是还没有办法像Visual Studio那样对正在运行的代码进行单步调试,那么这一节就详细记录一下PHPStorm+PHPStudy XDebug的配置 1.XDebug下载地址 PHPStudy自带XDebug只需要执行 其他选项菜单->PHP扩展及其设置->PHP扩展->XDebug[选中]   启用Xdebug 为了下…

这里说的是真正的远程调试,不是本地,本地不需要安装任何php程序!!! 这里略去xdebug的安装,安装很简单可以下载源码包,动态编译进去! 环境: Dev 服务器(IP:192.168.2.100),安装phpstorm,用来做开发任务! Server服务器(IP:192.168.2.222),web服务器(php架构),用来浏览网页用! 这里的两台服务器在同一个网段下,可以互通! 在Server服务器上的php.ini里配置xdebug如下: [xdebug] zend_extension=…

项目中经常用到eslint语法,结合个人经验,用webstorm配置eslint "文件"->"默认设置"->"语言&框架"->"Code Quality Tools"->"ESLint" 如图片所示操作后,在"项目目录"或"相应的文件上"或"代码区域块"右键可看到"Fix ESLint Problems&…