1. webstorm怎么编写一个js文件
在项目上右键-新建- javaScript File，新建一个.js后缀的文件即可。
2. 如何使用webstorm和typescript编写nodejs
、下载安装Node.js，下载地址：https://nodejs.org/en/download/
2、下载安装webstorm2016.1.1;
3、使用Node的npm命令安装TypeScript编译器：(npm安装不顺利的话可以使用 https://npm.taobao.org);
ctrl+R，输入cmd回车进入；
找到node.js的安装目录：输入node.js安装所在的磁盘，回车进入；cd 输入node.js的安装目录路径，如下图：
执行“npm install typescripot -g”进行安装
4、打开webStorm,为TypeScript文件更改编译设置，File->Setting->File Watchers->TypeScript
选路径那里安装好typescript后应该会自动填写Program项的,自己选择的话有时候会找不到路径;重新点击设置进去添加就有了
转自:http://blog.chinaunix.NET/uid-30198739-id-5739410.html
顶
0
踩
0
上一篇Echarts 图标生成渐变色方法
下一篇AngularJS及Vue 项目中实现按需加载模块
我的同类文章
Javascript（42）
•Javascript函数节流2017-03-13阅读33
•Node.js 的本质2016-11-26阅读135
•Vue 固定头 固定列 点击表头可排序 表格组件2016-11-25阅读1118
•AngularJS及Vue 项目中实现按需加载模块2016-08-24阅读1338
•JS闭包之深刻理解2016-05-19阅读99
•nodeJS 返回 jsonp2017-02-08阅读70
•2016.11 MAC系统下安装mongodb 配合nodeJS简单使用mongodb2016-11-26阅读1343
•使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices2016-09-05阅读7184
•Echarts 图标生成渐变色方法2016-07-03阅读3350
•JS中的call()和apply()方法2016-04-19阅读88
更多文章
参考知识库
.NET知识库
3843关注|839收录
Node.js知识库
4751关注|578收录
猜你在找
新物联网开发框架：node.js+WRTnode
Node.js 核心技术 Stream (第二版)
征服Node.js 7.x视频课程（3）：基础知识
Node.js进阶教程第一步(基础篇)
征服Node.js 7.x视频课程（2）：交互式运行环境：REPL
转前端开发利器webStorm 30配置使用
JetBrains使用技能分享征集大赛优秀作品用webstorm开发NodeJS项目
实战使用Axure设计App使用WebStorm开发2 – 构建页面架构
第3篇TypeScript接口使用
WebStorm 2016 最新安装指南 破解 汉化 字体设置
关闭
3. 如何在webstorm 直接运行javascript文件
对于使用的不用的操作系统对WebStorm更改一下设置，能够在更大的程度上提升效率。
1、Windows 系统
<WebStorm installation folder>/bin/idea.exe.vmoptions
或是下面的方法进行设置：
<WebStorm installation folder>/bin/idea64.exe.vmoptions
2、*NIX 系统
<WebStorm installation folder>/bin/idea.vmoptions
或是下面的方法进行设置：
<WebStorm installation folder>/bin/idea64.vmoptions
3、Mac操作系统
将这个file /Applications/WebStorm.app/bin/下的idea.vmoptions复制到
~/Library/Preferences/WebIdeXX/idea.vmoptions
举个例子，为了增加WebStorm堆的大小，你需要从/Applications/WebStorm.app/bin/idea.vmoptions 复制original .vmoptions文件到~/Library/Preferences/WebIdeXX/idea.vmoptions，然后修改-Xmx设置。
对于比较旧的版本的话，就需要如下进行设置存储：
/Applications/WebStorm.app/Contents/Info.plist
Unicode文本的管理设置
在WebStorm允许定义非ascii字符是否应该使用文字像‘\ u00AB’或‘\ 00 ab”。
中操作主要是由系统属性idea.native2ascii.lowercase控制，在默认的情况下，使用大写字符。
也可以使用小写字符，但是需要按照使用的平台进行设置，如下：
1、Windows 和 *NIX系统
idea.native2ascii.lowercase=true
放到bin/idea.properties文件，这个文件位于产品装包中。
2、Mac操作系统
复制/Applications/WebStorm.app/bin/idea.properties文件到~/Library/Preferences/WebIdeXX/下，打开进行编辑，添加行。
对于老版本的WebStorm，打开用于编辑的/Applications/WebStorm.app/Contents/Info.plist文件，并添加以下代码:
<key>idea.native2ascii.lowercase</key>
<string>true</string>
到这个部分
<key>Properties</key> <dict> ... <dict>
放到bin/idea.properties文件，这个文件位于产品装包中。
4. 如何用WebStorm来调试TypeScript编译出来的JavaScript
只能是再远码时候调啊，编译后就无法调了，使用自动编译的工具就行了
5. webstorm怎么编译angluarjs
AngularJS体验式编程系列文章，将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下，angularjs能脱颖而出，从架构设计上就高人一等，双向数据绑定，依赖注入，指令，MVC，模板。Angular.js创新地把后台技术融入前端开发，扫去jQuery一度的光芒。用angularjs就像写后台代码，更规范，更结构化，更可控。
webstorm
前言
俗语讲：“工欲善其事，必先利其器”，为了玩转AngularJS，顺手的工具要选好。在上一篇文章中，通过yeoman我们构建了一个AngularJS的工程，通过vi编辑器和命令行操作，我们几乎可以完成整个的项目开发。但是，随着代码量和文件数的增加，文件和目录越来越难把握，代码文件各种难懂，缩进不一致，controller和directive被多少个地方所引用，。。。
我们需要一个IDE，来帮助我们更好的看懂项目，管理代码。WebStorm是目前我认为AngularJS开发最理想工具。
目录
WebStorm介绍
导入Javascript工程
安装AngularJS插件
WebStorm使用
1. WebStorm介绍
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
WebStorm可能最大的缺点就是需要付费，对于个人开发者49刀。不过，WebStorm还推出了几种免费的liences。
Classroom License:申请课堂演示
Open Source Project License:申请做为开源项目的贡献者
MVP License: 申请微软的专家
可以通过购买页面找到信息
当然我是不会告诉大家，在google里可以找到过去版本的liences的，只是中国的程序员真是太苦逼了。
2. 导入Javascript工程
打开WebStorm后，我们可以通过操作：
"file"==>"open Directory..."==>"select Directory" ==> "ok"
来选择我们已经构建好的工程。
webstorm1
WebStrom对Html5, javascript, css，json… 大部分的代码都支持非常好。
webstorm2
3. 安装AngularJS插件
不过，默认的WebStrom并不认识，AngularJS的指令，当我尝试写代码ng-controller时，编辑器没有出现对应该的提示。
<div ng
webstorm3
对于特别熟悉的AngularJS的人来说，并不是那么重要。但是，如果有语法提示不是会更好吗？
安装AngularJS插件，两种办法：
在IDE中，自动下载自动安装
手动下载，手动安装
1). 在IDE中，自动下载自动安装
我们需要以下的操作：
1. File->Settings->Plugins
2. 点击 “Browse Repositories”
3. 选中 “AngularJS” 双击
4. 选择 “Yes”
5. 重启WebStorm
webstorm4
我在使用这个方法的时候失败了
2). 手动下载，手动安装
我们在jetbrains的插入库中，找到AngularJS
下载angularjs-plugin.zip，然后解压到D:\toolkit\WebStorm 6.0.1\plugins\目录
~ D:\toolkit\WebStorm 6.0.1\plugins\angularjs-plugin
重启WebStorm
再次输入代码：
<div ng-c
webstorm5
语法的提示，太帅气了！！
我查了一下插件的开发者的代码，支持全部的angularJS指令语法：
ng-app,ng-bind,ng-bind-html-unsafe,ng-bind-template,ng-class,ng-class-even,ng-class-odd,
ng-cloak,ng-controller,ng-form,ng-hide,ng-include,ng-init,ng-non-bindable,ng-pluralize,
ng-repeat,ng-show,ng-submit,ng-style,ng-switch,ng-switch-when,ng-switch-default,ng-options,
ng-view,ng-transclude,ng-model,ng-list,ng-change,ng-value,ng-required,required
4. WebStorm使用
1). 对于HTML的页面：WebStorm会在右上角出现浏览器的图标方便我们打开测试
webstorm6
2). 对Javascript脚本：WebStorm会方便的配置NodeJS启动, UnitTest启动 等等
webstorm7
IDE的功能很强大，熟悉后会极大地提升我们的开发效率的，特别是对于大规模的多人项目。
6. 怎么使用webstorm编写javascript
1是在WebStorm中打开需要运行的文件；2是在需要运行的文件上，右键单击；3是在弹出的菜单中，点击“Run ‘readwords.js’”就可以了
7. vue: WebStorm设置快速编译运行的方法
WebSorm是一款优秀的前端开发工具，而Vue项目可以使用Node进行编译运行，平常我们可以通过命令行部署项目进行调试。
本文介绍设置Webstorm进行快速部署Vue项目。
第一步
点击启动快捷按钮旁边的向下小箭头，在列表中选择Edit选项：
第二步
打开启动设置页面后，点击左上角的加号添加新的运行方式：
第三步
在弹出的选择框中，选择node.js启动模式：
第四步
在新打开的设置页面中，在红色圈中的地方设置如图路径的文件：
至此设置成功，直接点启动按钮就可以部署项目。
以上这篇vue:
WebStorm设置快速编译运行的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:webstorm添加*.vue文件支持webstorm添加vue.js支持的方法教程webstorm中vue语法的支持详解webstorm和.vue中es6语法报错的解决方法详解Webstorm
新建.vue文件支持高亮vue语法和es6语法
8. 怎么使用webstorm编写nodejs代码
[nodejs]使用神器webstorm调试nodejs还在终端敲命令，定位到文件夹然后nodexxx.js?你out了。现在我们有更好的调试nodejs方式为什么不去使用呢，只需要一个快捷键而已。ws本身对nodejs有良好的支持，利用ws开发调试nodejs生活将变得很轻松。