webstorm增加内存配置参数 找到WebStorm.exe.vmoptions这个文件,路径如下 webstorm安装主目录>bin>WebStorm.exe.vmoptions 更改为 第二行:-Xms526m 第三行:-Xmx1024m (ps:这里-Xms最大值不能超过1024,否则webstorm将无法打开) webstorm加载项目卡死在scanning files to index 1.1 原因解析 webstorm在加载项目的时候,会扫描所有的文件,并建立索引.这个索引提供代…

一.Sass安装 ruby安装 mac系统默认安装了ruby,可以直接跳过此步骤,linux和windows需要安装ruby环境. windows安装ruby环境: 到ruby官网下载自己系统适用的版本(我下的是2.1.7(x64)) 安装ruby,此步骤只需留意勾选Add Ruby executables to your PATH这个选项,它将添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境,影响Webstorm 自动编译. Sass安装(淘宝RubyGems镜像) 在开始菜单…

想学grunt的可以看看这篇文章,写的很有意思,教程之类的我就不写了,网上很多资料,我就记录下我遇到的问题和解决办法. http://yujiangshui.com/grunt-basic-tutorial/ 1.按两次shift后弹出窗里搜node npm无结果 很多安装教程里都说按两次shift,然后输入node npm搜索,可是我照做后,一片空白,也不知道该怎么解决,各种百度也是找不到解决方法.后来FQ谷歌才搜到,是英文的,虽然本人英文烂,但是扫扫还是能找到解决办法.本人mac系统,web…

在webstorm中配置compass WebStorm是功能强大的前端开发专用IDE,拥有即时编辑(chrome).自动完成.debugger.Emmet.HTML5 支持.JSLint.Less.Sass支持.CoffeeScript支持.Node.JS.单元测试.集成git和svn版本控制等特性,被广大中国JS开发者誉为“Web前端开发神器”.“最强大的HTML5编辑器”.“最智能的JavaSscript IDE”等.Compasss是一个优秀的Sass框架,毫不夸张地说,学会了Compa…

　安装了phpstorm之后，想配置svn，结果在file->settings->Version Contorl->subversion->with conmand line client配置成 D:\Program Files\TortoiseSVN\bin\tortoisePro.exe(一般的svn程序文件) 　　已经安装的路径地址之后，一直提示 “Can’t use Subversion command line client: ‘D:\Program Files\Tort…

以前建站一直都是自己一个人,最近要做一个比较大的网站,寻思着利用svn在整个开发过程中会比较快,于是摸索着配置了一下. 首先,下载VisualSVN这个软件,官网链接 https://www.visualsvn.com/ 选择右边这个服务器版的 下载好之后点击安装,全程傻瓜式下一步,就不说了. 安装完成之后,打开webstorm,点击file—setting—version control—subversion,点击后面三个点的这个按钮,选择SVN的安装路径,再点击ok即可.之后webstorm…

先附上所需要的软件的下载地址:https://pan.baidu.com/s/1c2ripd2 1.下载并安装jdk以及配置jdk的环境变量 1)下载jdk,选择安装目录安装,我选择的是默认路径,安装两次,第一次是安装jdk,第二次是安装jre,建议两个都安装在同一个java文件夹中的不同文件夹中.(不能都安装在java文件夹的根目录下,jdk和jre安装在同一文件夹会出错),如图所示: 2)安装完JDK后配置环境变量  计算机→属性→高级系统设置→高级→环境变量 3)系统变量→新建 JAVA_…

一:代码缩略图插件:CodeGlance: 二:皮肤与主题使用的sublime的系列风格. 三:实现内嵌JS代码的高亮显示.https://segmentfault.com/q/1010000002474871:还要点击内嵌JS代码,然后点击小黄灯,选择配置.可能还要通过自动格式化代码ctrl+alt+l来刺激激活. 四:自动格式化代码:ctrl+alt+l: 五:SFTP工作:上面菜单栏中的工具,选择DeployMent,再选择Configuration进行SFTP账号设置.…

file > sttings > File watchers > 添加LESS watcher 配置如图:…

设置.js文件默认以jsx的语法打开 在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示: 当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧: 然后Apply/OK即可. 设置.js文件中支持react-native语法高亮 首先会发现在js文件中有不少的警告,类似这样: 这个警告的原因是因为编辑器不知道所引用的这些东西是在哪(不知道源在哪),所以需要告诉编辑器所写的东西是在哪个源里面: 在下图的downloa…

近期在使用WebStorm进行网页开发,值得一提的是WebStorm的确是一个不错的IDE,尽管可能内存开销较大,但是在编写JS的时候提供了很多包括自动完成等强大的功能. 好了,步入正题:在实际项目开发中如何搭建SVN版本控制工具进行团队合作开发呢? 第一步:首先下载安装SVN服务器VisualSVN:附下载链接. 第二步:安装SVN命令行工具SlikSvn:附下载链接. 第三步:在WebStorm中设置命令行程序路径,我的SlikSvn安装路径在:D:\Program Files\SlikSv…

一 下载 链接:https://pan.baidu.com/s/1gKxzGWvnoCpXPoe8zzfLnQ 提取码:5lyf 二 安装 https://www.jb51.net/softs/598714.html/ 三 配置 主题 字体 背景图 字符编码 键盘布局 参考:https://www.cnblogs.com/hoobey/p/6924029.html 四 插件…

Arguments:其实是命令行输入“lessc file.less file.css”后者指定路径 Output Paths to refresh:刷新changed后.css文件…

…

预编译器配置说明 开头语,发挥CSS预处器的作用是一种很有挑战性的事情.CSS预处器有不同的语言,就有不同的语法和功能. 语法 在使用CSS预处器之前最重要的是对语法的理解,幸运的是,这三种CSS预处器的语法和CSS都差不多. Sass和LESS都使用的是标准的CSS语法.这使用CSS预处器非常容易的将预处器代码转换成CSS代码.默认Sass使用".scss"扩展名,而LESS使用".less"扩展名: 重要的一点是,Sass也同时支持老的语法,就是不使用花括号和分…

小弟以前都是用sublime,sublime是一款轻量级的文本编辑器.但是现在要隆重介绍的前端开发工具webstorm,为什么说它是前端开发工具,而不是前端开发编辑器呢?它具备的功能,不只只是编辑器这么简单,还包含了任务管理.历史管理.版本管理.工程管理.代码检查.代码调试等功能,当然它也有丰富的扩展,能满足前端开发的大部分要求.官方网站称之为是The smartest JavaScript IDE. 这里就来一步步大的配置. 第一步当然是下载了,官方网站地址是http://www.jetbra…

1:webstorm的安装:2:node.js的安装3:安装Git4:vue-cli 安装前面两步就可以把项目启动了,安装Git主要是打开命令窗口,这样就可以用liunx命令了,原理跟cmd差不多 Vue.js是一套构建用户界面的 “渐进式框架”.      Vue 采用自底向上增量开发的设计.      Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.2016年,Vue同Angular.React形成三足鼎立的局面,让前端的开发者顾不暇接,今天我们就来了解一下V…

使用命令窗口运行 1. npm run mock 2.npm run dev 每次都打开命令窗口比较麻烦,可以在webstorm内进行配置,从webstorm内启动 选中run下面的edit configurations,scripts里面分别选择mock和dev 第二步…

需求   前端开发中我们最常用的一般是webstorm.hbuilder和sublime,因为以前使用过一段时间eclipse所以我对webstorm的感觉比较良好,再加上以前使用hbuilder维护项目的时候其老是不明原因的崩溃和卡死,所幸后来我就把webstorm作为首选的开发工具了.今天一个朋友问我怎么在webstorm中使用git,我这里也攒了一些webstorm的使用小技巧,所幸就写篇记录文章吧. 导读   读完这篇笔记你可以学到如下知识: 1.了解git和github的区别 2.学习…

1.引子 以前介绍过 Sublime text 3 系列的文章,着重介绍了 Sublime text 3 如何下载.安装.插件.配置等内容.Sublime text 3的轻量和富扩展,为前端开发带来了很多的便捷,加快了代码的书写速度,尤其是配上 emmet,那书写速度堪称光速. 现在,要隆重介绍的前端开发工具webstorm,为什么说它是前端开发工具,而不是前端开发编辑器呢?它具备的功能,不只只是编辑器这么简单,还包含了任务管理.历史管理.版本管理.工程管理.代码检查.代码调试等功能,当然它也有…

一.webstorm学习前小记 webstorm是一款现在前端用的比较多的IDE,其优势也比较多,这个大家在网上随便搜搜就可以找到了.但是本人大部分的时间都是使用sublime text工作,最近由于工作上面比较常出现一些粗心大意的问题,所以我的leader就建议我去学习一下webstorm,毕竟webstorm怎么说也是IDE,跟文本编辑器有所不同的. 二.webstorm的破解与安装 我们可以直接从官网的下载地址中去下载最新版:http://www.jetbrains.com/webstor…

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

在开始讲 Angular 各个核心知识点之前,想先来讲讲开发工具 WebStorm 的一些配置以及相应配置文件如 tslint.json 的配置. 因为我个人比较注重代码规范.代码风格,而对于这些规范,我只有一个观点:一切需要依赖开发人员的主观意识去遵守的规范都没有多大意义. 以前做 Android 开发时会借助 AndroidStudio 来强制遵守一些规范,现在前端项目我用的是 WebStorm 开发,这两个开发工具本质上同源,所以很多功能都差不多. 那么,这篇就来讲一讲,如何对 WebSt…

1.1 webstorm 安装与配置 1.安装: https://blog.csdn.net/jiangxinyu50/article/details/79104016 2.使用: https://www.jianshu.com/p/4ce97b360c13…

止 静 java android 转-webstorm快捷键 默认配置-Eclipse的常用快捷键对照表 查找/代替 Webstorm快捷键 Eclipse快捷键 说明 ctrl+shift+N ctrl+shift+R 通过文件名快速查找工程内的文件(必记) ctrl+shift+alt+N ctrl+shift+alt+N 通过一个字符快速查找位置(必记) ctrl+F ctrl+F 在文件内快速查找代码 F3 ctrl+K 查找下一个 shift+F3 ctrl+shift+K 查找上一个…

WebStorm建立在开源IntelliJ平台之上,JetBrains已经开发和完善了超过15年.其提供了统一的UI,可与许多流行的版本控制系统配合使用,确保在git,GitHub,SVN,Mercurial和Perforce之间提供一致的用户体验.WebStorm提供可定制功能,调整它以完全适合您的编码风格,从快捷方式,字体和视觉主题到工具窗口和编辑器布局. 智能编码辅助 WebStorm可以帮助您编写出色的代码.其智能编辑器具有代码完成,动态代码分析,代码格式化和重构,可提高您的工作效率,并…

Webstorm 超实用配置教程 原文来自:http://www.jianshu.com/p/4ce97b360c13 一.下载安装包 Webstorm 2017.1.4 百度云盘下载地址:https://pan.baidu.com/s/1kVqoPJh 二.安装过程(包含输入注册码永久使用) 双击下一步下一步即可,过程中有几个步骤说明一下: 1. 配置 Webstorm 安装项 选择 64 位,防止桌面 Webstorm 快捷方式打不开.   配置 Webstorm 安装项 2. 是否导入 W…

为什么是TypeScript 最近在做H5的游戏,最终选定的TypeScript作为开发语言.主要是看重他有强类型和Class,作为习惯使用AS3,Java等强类型编程的人来说,还是习惯这种编程写法.听一些直接使用JavaScript开发稍微大的游戏的同事说,没有强类调试什么的都比较困难.我个人平时做小游戏用得比较多是纯js,比较大型的倒没尝试,所以这个不好下断论.另外一个主要原因是因为用TypeScript随时可以生成兼用不同ES版本和浏览器的代码,这个很重要.最后,国内比较流行的Egret和…

1.  Webstorm主题风格选择 2.  Webstorm字体字号配置 3.  Webstorm快捷键的查找 4.  Webstorm插件的安装…

1.less 的安装 npm install -g less 2.less安装成功 3.less安装成功后,在webstorm中进行配置.file——>settings:弹出settings框,点击tools——>file Watchers,并点击+,添加less 4.点击less,进行添加,弹出窗口,如下,点击apply,然后单击确认,并添加less文件,webstorm便可自己解析,[no such files in scope,此错误提示并不影响,点击确定即可.]…