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生活將變得很輕松。