1.首先去 http://www.phpstorm-themes.com/  选择你喜欢的主题,保存对应主题的xml文件到你本地 2.打开C:\Users\Administrator\.WebStorm8\config\colors 文件夹,把你刚才下载的theme的xml文件复制到该目录下面 3.打开webstorm,选择 File-->settings-->Editor-->Colors & Fonts  然后选择右边的Scheme name,  下拉列表中选中你刚才添加的x…

sass语法.使用它带来的好处,就不再这里做介绍了,主要看怎么在webstorm里配置自动编译. sass编译是需要Ruby环境的,可以到这里去下载  :  https://rubyinstaller.org/downloads/    ,安装时选择加入Path 安装完成后需测试安装有没有成功,运行CMD输入以下命令: ruby -v //如安装成功会打印 ruby -- revision ) [i386-mingw32] 如上已经安装成功,Ruby自带一个叫做RubyGems的系统,用来安装基…

下载路径: https://github.com/virtoolswebplayer/ReactNative-LiveTemplate 本插件可以配合Webstorm设置代码提示. Mac下安装 Webstorm2016.1为例安装路径 在终端:$ cd ~/Library/Preferences/ $ ls 找到Webstorm版本 $ open WebStorm2016.1 先将ReactNative.xml复制到options文件夹里一份 为确保万无一失,再创建一个templates文件夹…

Webstorm是一个很牛叉的IDE,现在工作每天都是用它了. 最近开始用SASS,LESS等来写CSS,而在Webstorm中,它自带一个File Watchers功能,设置一下,即可实时编译SASS,LESS等. LESS的实时编译很简单,在node平台安装一下即可. 而在折腾SASS在Webstorm上的实时编译时,花了我一点时间.因为按照网上的教程设置都不成功,最后自己把设置改来改去终于折腾好了. 下面就是在WebStorm设置SASS的File Watchers的步骤: 1. 安装Ru…

用Jade模板引擎写html确实方便,元素不用闭合,很多种简写的方法. 为了要知道自己写的对不对,就要用到jade -w命令监控jade文件,只要变化就编译. 现在用webstorm写代码的超多,可以通过其中的Filewatcher的方式关联jade命令做到自动化编译生成html文件. 步骤: 1.当然是安装jade,装过的就忽略. npm install -g jade 2.设置Webstorm,添加filewatcher for jade 点击菜单项“File->Settings...”,在…

启动webStorm之后,点击“FIle"菜单,选择其下的”Settings" 2.在左侧的菜单中选择“Editor/Colors & Fonts/Font 在右侧Scheme Name后侧的”Save as...“按钮,另存一个设置,然后可以修改字体大小和字体.…

前端开发中,经常需要将做好的页面给其他同事预览或手机测试,之前一直用的第三方本地服务器usbwebserver,偶然了解到WebStorm内置服务器也可以满足此需求,来看看如何设置吧~~ 1.端口更改和允许外部:更改端口号“63342”为“8080”,并“√”可以接受外部链接,如下 2.在部署中增加一条规则 3.设置规则名称和方式 4.设置文件地址(前端页面本地文件夹路径)和访问路径(本机IP和8080端口): 5.第二个选项卡中的地址与前面保持一致(前端页面本地文件夹路径) OK,设置完成,现…

新建Scheme + 修改字体 ctrl+alt+s打开Settings界面,Editor > Colors&Fonts > Font. Default scheme是亮色调,但我想定制一套暗背景的环境,所以在右侧Scheme name下拉框中选择Monokai,以此作为修改的基础,然后点击Save as,给自己新建的Scheme起个名字吧,如下图: 这里面可以设置字体(我一般选择Consolas),字体大小,行间距. 自定义语法高亮 用ctrl+alt+s打开Settings界面,E…

WebStorm左侧菜单栏 webstorm是一款前端IDE利器,个人感觉黑色的背景比较炫酷,刚开始从网上下载的主题只能修改编辑窗口的背景色,经过查询资料终于把左边菜单栏的背景色也修改了. 第一步:点击"file --> settings",如下图所示: 第二步:选择appearance->Theme选择darcula(黑色主题) 在 IDE Settings > Appearance 的右边菜单里,选择 Theme > Darcula主题即可.IDE Sett…

WebSorm是一款优秀的前端开发工具,而Vue项目可以使用Node进行编译运行,平常我们可以通过命令行部署项目进行调试. 本文介绍设置Webstorm进行快速部署Vue项目. 第一步 点击启动快捷按钮旁边的向下小箭头,在列表中选择Edit选项: 第二步 打开启动设置页面后,点击左上角的加号添加新的运行方式: 第三步 在弹出的选择框中,选择node.js启动模式: 第四步 在新打开的设置页面中,在红色圈中的地方设置如图路径的文件: 至此设置成功,直接点启动按钮就可以部署项目.…

设置 tab 和自动缩进为4个空格不生效,解决办法如下 设置代码缩进 1. 依次打开files —- settings —- Editor —- Code Style —- JavaScript 2.设置Tabs and Indents 设置为你想要的宽度 3.重点来了,设置完后有可能始终不生效 选中Plugins , 在右边的搜索框内搜索editorconfig,显示出这个插件列表,将他后面的勾勾去掉,点击Apply,OK,重启webstorm即可生效. 缩进即编程你需要的缩进长度. 参考文献…

转载:http://www.cnblogs.com/ssrsblogs/p/6155747.html 重装了 webstorm ,从10升级到了2016 一升不要紧,打开老项目,开启webpakc-dev-server,然后改代码,发现浏览器不会自动刷新了!!! 这可急死我了,各种卸载webpack.webpack-dev-server,安装各种版本,调试.各种查资料查文档,都讲的是参数配置(webpack-dev-server启动就会自刷新,参数都是其它用途). 然后结果都是 no work!…

http://www.cnblogs.com/gulei/p/5126383.html 前端开发中,经常需要将做好的页面给其他同事预览或手机测试,之前一直用的第三方本地服务器usbwebserver,偶然了解到WebStorm内置服务器也可以满足此需求,来看看如何设置吧~~ 1.端口更改和允许外部:更改端口号“63342”为“8080”,并“√”可以接受外部链接,如下 2.在部署中增加一条规则 3.设置规则名称和方式 4.设置文件地址(前端页面本地文件夹路径)和访问路径(本机IP和8080端口)…

原文链接:https://blog.csdn.net/peade/article/details/76522177 网上有很多关于如何设置babel的.我学习着设置,但总差那么几步,没能满足我的需求. 我使用的是webStorm2017.1版本. babel安装准备 使用webStorm自带的filewatcher中的babel自动编译前,需要安装一些babel库 全局安装babel-cli npm install -g babel-cli 网上有些教程让全局安装babel,实际上新的babel…

WebStrom一直以来都是默认的白色主题,今天想修改了下主题皮肤,结果导致左侧项目资源栏和顶部菜单栏也变成了黑色,结果无法改变回来,网上查了各种帖子,居然也没找到解决方法,自己研究了半天,终于搞定了,嘿嘿~ 网上大部分帖子貌似都是说在设置里面改,我找了半天也没有 最后在视图菜单下,有个快速切换方案里面找到了,哈哈,皇天不负有心人啊~~ 然后选择 4.切换外观与风格 选择对应的风格,原来默认的白色是:2.Ally. IDEA Theme…

第一步:打开npm,全局安装 npm install uglify-js -g 第二步: 打开webstorm的file->settings ->External Tools,点击左上角的"加号"标志add,进入对话框   第三步:在webstorm中的命令行,切换到要压缩的文件目录,输入命令 uglifyjs xxxx.js -o xxxx-min.js 成功!…

按Ctrl+Shift+A,出现搜索框 输入mouse: 点击打开这个设置:勾选 点击ok,之后就可以通过Ctrl+滚轮 调整字体大小了.…

说明: 每次都在这坑一下,浪费时间,百度只指出在哪,并没有说怎么调出来 我用的版本是10,点击下面的选项按操作设置就可以了 红色箭头:从服务器获取最新代码: 绿色箭头:提交: 白色箭头:撤销…

这两天在学习Node.js,在Webstorm上进行编辑时发现竟然没有智能提示!所以写这篇文章来帮助大家度过这个坑! File -> Settings -> Languages&Frameworks找到Node.js and npm 然后,再点击Enable,代码提示功能就完成了…

桌面背景图会缓存在这个目录中,文件名不确定在改变桌面背景后会不会变. C:\Users\用户名\AppData\Roaming\Microsoft\Windows\Themes\CachedFiles\CachedImage_2240_1400_POS4.jpg…

File---Settings…

1.file——>setting——>Editor——>live Templates出现如下界面 2.点击左上角绿色+选择template group创建分组(图中React Vue都是分组) 3.鼠标左击新出现的分组,继续点击绿色+选择Live template abbreviation代表呼出的快捷键方式 description是描述信息 template text内放代码 4.点击apply和ok完成…

setting -> File Type - html 里面增加*.jsp…

参考文章:https://blog.csdn.net/diligentkong/article/details/75040651…

File -> settings -> Directories -> Add Content Root 中添加你当前的工程目录. 这样就可以节省内存了.之前用一个打开php项目,一个打开html项目,卡死了.集中到phpstorm中.…

我的WebStorm设置了主题.所以直接在File-Settings-Editor-Font设置了无效.它会提醒你要在主题里面改.主题在哪里呢 找到File-Settings-Editor-Color Scheme-Color Scheme Font里面选定你的主题再调整你的font大小即可…

1.打开webstorm中的设置,选择plugins,搜索 translations 安装,安装完成重启webstorm 2.设置快捷键翻译,打开webstorm设置,选择keymap,搜索translation 设置快捷键为ALT+T ,设置这个为翻译快捷键更好记 3.如果不想用谷歌翻译可以,可以选择有道和百度,在webstorm右下角选择,不过有道和百度要登陆账号密码才能用,建议使用谷歌就可以 4.以上就设置好了webstorm翻译功能,让我们写代码不再为英文不好而烦恼…

  而今前端开发经常与cmd打交道,如使用个npm什么的,如果老是在ide和cmd之间切换显得比较繁琐,众多前端利器中我最喜欢的就是webstorm,而webstorm中就可以直接使用cmd,如图1,点击右下角的图标就会出来,这样子我们只需要一个界面就能解决很多问题了...但是现在问题来了,老是使用鼠标点击开发效率还是很低,嗯没错,配置一个快捷键.   webstorm设置快捷键在File目录下的Keymap子菜单,这个菜单有一个功能很好用,在右面的搜索框中我们除了可以使用一些功能的名字去搜索该…

webstorm设置中,"Settings"--"Appearance & Behavior"--"System Settings",红框内的选项"Use "safe write"(save changes to a temporary file first)",不打勾.…

phpstorm 或 webstorm 设置多个项目可以并存: File -> settings -> Directories -> Add Content Root 中添加你当前的工程目录.…