WebStorm 有哪些过人之处_百度知道
WebStorm 有哪些过人之处
移动&#47，还包括所有用户自定义的函数(项目中) 代码补全包含了所有流行的库，支持的有重命名。 代码结构浏览 可以快速浏览和定位 代码折叠 功能虽小。 联想查询 只需要按着Ctrl键点击函数或者变量等。被广大中国JS开发者誉为“Web前端开发神器”、内联变量&#47, Prototype，熟悉Resharper的用户应该上手很快：JQuery, Mootools and Bindows。与IntelliJ IDEA同源，快速修复WebStorm 是jetbrains公司旗下一款JavaScript 开发工具，非常方便;函数、安全删除等等，并给出修改意见;函数。 代码格式化 代码不仅可以格式化。 代码检查和快速修复 可以快速找到代码中的错误或者需要优化的地方，就能直接跳转到定义, Dojo，还可以查找使用并高亮、“最强大的HTML5编辑器”，而且所有规则都可以自己来定义 html提示 大家经常在js代码中编写html代码, YUI。 代码调试 支持代码调试，就爽多了，界面和IDEA相似、“最智能的JavaScript IDE”等，不过胜在方便高效 包裹或者去掉外围代码 自动提示包裹或者去掉外围代码，继承了IntelliJ IDEA强大的JS部分的功能；可以全 项目查找函数或者变量，一般来说十分痛苦;复制，不过有了智能提示。 智能的代码补全 支持不同浏览器的提示。 代码重构
这个操作有些像Resharper。而且html里面还能有js提示，比如、提取变量&#47
知道智能回答机器人
我是知道站内的人工智能，可高效智能地为您解答问题。很高兴为您服务。
其他类似问题
为您推荐：
webstorm的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁WebStorm 有哪些过人之处_百度知道
WebStorm 有哪些过人之处
提问者采纳
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。智能的代码补全支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。代码格式化代码不仅可以格式化，而且所有规则都可以自己来定义html提示大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。联想查询只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全 项目查找函数或者变量，还可以查找使用并高亮。代码重构这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函缉护光咎叱侥癸鞋含猫数、移动/复制、安全删除等等。代码检查和快速修复可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。代码调试支持代码调试，界面和IDEA相似，非常方便。代码结构浏览可以快速浏览和定位代码折叠功能虽小，不过胜在方便高效包裹或者去掉外围代码自动提示包裹或者去掉外围代码，一键搞定
来自团队：
其他类似问题
为您推荐：
webstorm的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁WebStorm 有哪些过人之处_百度知道
WebStorm 有哪些过人之处
一下省去了保存本地文件。 nodejs 最好的开发工具，内置的 gist 非常方便。 svn，对阅读代码非常有用，让直接编辑远程文件并实时刷新，而且不仅限于html和css， 加强版的zen coding。可定制的code template、sass。 聪明的代码联想。 remote host和live edit的组合使用，优秀的代码定位能力、git 等版本工具的支持， 刷新浏览器、cofeescript 等等语言的自动编译变得很简单，预处理语言的支持，能轻松将光标定位到变量属性方法的定义处， 上传本地文件到远程服务器WebStorm过人之处 自带的版本控制、格式化功能，使less
知道智能回答机器人
我是知道站内的人工智能，可高效智能地为您解答问题。很高兴为您服务。
其他类似问题
为您推荐：
webstorm的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁WebStorm 有哪些过人之处_百度知道
WebStorm 有哪些过人之处
我有更好的答案
1. 对js的开发有长足的支持，那些自动提示，代码主题，调试之类的我就不说了，主要是对流行技术的支持，比如Node.js,less,sass,jq,ext,prototype等框架的支持 。
2. 自身对插件的支持，主要体现在webstorm 2.0以后就已经内置了zencoding了，而如果dw不是完整版的话，zencoding的安装难度可想而知。如果是完整版的话，就不得不忍受一坨无用的插件。
3. 团队开发的支持，主要体现在svn,git等版本管理工具，无须引入，直接可用。而且单文件还支持本地历史记录。
4. 插件的支持，主要体现在vim，可直接安装插件，还有其它的插件等待着你去挖掘。
dw比webstorm的优点，那就是dw的内存占用大概平常80M左右,而webstorm得300M左右，这是我发现唯一dw的长处。
5. 完善的版本管理：
6. 友好的ftp管理：
如何在Webs...
是有挺多的。
其他类似问题
为您推荐：
webstorm的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁Webstorm9配置SASS编译环境-JavaScript/Ajax教程-源码库|专注为中国站长提供免费商业网站源码下载！
当前位置:----Webstorm9配置SASS编译环境
Webstorm9配置SASS编译环境
最近在学习SASS，研究了下编译的方法，现在大家一般用的有两种，一种是直接用命令行编译，另一种就是利用一些方便的编译工具，例如腾讯的koala。后来我发现，原来webstorm早就支持了sass编译& - - 真是贴心啊。。。。
废话不多说，直接去webstorm配置去。
打开settings，可以看到Tools下面有个file watchers选项，点进去如下图
右边显示的就是现在监视的实时编译文件配置，SCSS和SCSS-min就是我配置的。
点击加号，选择SCSS或者SASS(根据自己写的格式，SCSS是最新版的SASS后缀)，我们这里选择是SCSS，进入配置界面
Name和Description就不用多介绍了，Options我们暂时也不用管（其实是我也不懂啥意思。。。）
File type就是我们需要监视的文件类型，这里当然是SCSS
Scope监视范围可以选择不同监视范围，这样就可以设置多个监视配置，输出对应不同的目录或者module下的SCSS文件。
Programe是scss编译工具的目录地址，因为SASS是依赖ruby的，所以我们还需要去安装ruby，ruby在window下的安装文件下载可以在&&&http://rubyinstaller.org/downloads/&& 网站找到，我这里下的193。其他环境的可以去官网下载：https://www.ruby-lang.org/
win环境的安装很傻瓜，一路next就行了，不过记得在选择目录的时候，有个add to PATH选项一定要勾上，这样就不用我们手动配置环境变量了。其他环境的没有安装过，百度吧。。。。
安装好ruby以后，打开cmd，输入gem install sass就可以安装SASS了，但是由于gem的默认原地址由于国内伟大的GFW原因可能连接不上导致无法安装，所以我们还需要替换一下。
依次输入：
gem sources &r http://rubygems.org/
gem sources &a http://ruby.taobao.org/
gem sources &l
如果我们看到最后显示的地址只有国内淘宝提供的镜像地址就OK了
然后再输入gem install sass就可以了，完成后输入sass &v 就会返回sass的版本号。
OK以后，在webstorm里面选择本机ruby目录下bin目录里面的scss.bat文件（如果需要编译SASS文件则选择sass.bat）
下面的输出参数，可以根据自己的需要填写，下面列出的是一些常用的参数
--style表示解析后的css是什么格式，如：--style&compressed，有四种取值分别为：nested，expanded，compact，compressed.
--sourcemap表示开启sourcemap调试。开启sourcemap调试后，会生成一个后缀名为.css.map文件。 webstorm是默认开启sourcemap的，所以可以不填写
--debug-info表示开启debug信息，升级到3.3.0之后因为sourcemap更高级，这个debug-info就不太用了。
下面是四种格式编译后的样式：
background-color: #000; }
width: 10 }
font-size: 10
font-weight:
text-decoration: }
// expanded
background-color: #000;
font-size: 10
font-weight:
text-decoration:
// compact
#main { color: # background-color: #000; }
#main p { width: 10 }
.huge { font-size: 10 font-weight: text-decoration: }
// compressed
#main{color:#background-color:#000}#main p{width:10em}.huge{font-size:10font-weight:text-decoration:underline}
后面就是输出的目录地址和文件名，目录是相对于源文件的，点击Insert macro可以看到一些变量。默认的话是在源文件下输出CSS文件。
配置完毕后，点击OK就完成了。
然后我们新建个SCSS文件，输入内容就可以看到结果了
可以看到，我输入内容后，直接在源文件下生成了一个css文件和一个map文件。
这样就代表编译成功了，现在就可以开始我们编写我们的SASS项目了，就不用在考虑编译问题了。
相关JavaScript/Ajax教程：
相关资源下载：
热门标签：
JavaScript/Ajax教程搜索
JavaScript/Ajax教程推荐
热门源码推荐
热门JavaScript/Ajax教程
©2012