webstorm下載nodejs的簡單介紹

• 1、如何使用webstorm和typescript編寫nodejs
• 2、webstorm怎麼導入nodejs
• 3、webstorm怎麼才能使用nodejs
• 4、webstorm新建nodejs有什麼區別
• 5、webstorm怎麼整合nodejs
• 6、webstorm怎麼配置nodejs環境

、下載安裝Node.js，下載地址：

2、下載安裝webstorm2016.1.1;

3、使用Node的npm命令安裝TypeScript編譯器：(npm安裝不順利的話可以使用 );

ctrl+R，輸入cmd回車進入；

找到node.js的安裝目錄：輸入node.js安裝所在的磁碟，回車進入；cd 輸入node.js的安裝目錄路徑，如下圖：

執行「npm install typescripot -g」進行安裝

4、打開webStorm,為TypeScript文件更改編譯設置，File-Setting-File Watchers-TypeScript

選路徑那裡安裝好typescript後應該會自動填寫Program項的,自己選擇的話有時候會找不到路徑;重新點擊設置進去添加就有了

轉自:

頂

踩

上一篇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 最新安裝指南 破解 漢化 字體設置

關閉

File – Setting -Languages Frameworks – Node.js and NPM

選擇 你安裝的node.js版本

[nodejs]使用神器webstorm調試nodejs

還在終端敲命令，定位到文件夾然後node xxx.js? 你out了。現在我們有更好的調試nodejs方式為什麼不去使用呢，只需要一個快捷鍵而已。ws本身對nodejs有良好的支持，利用ws開發調試nodejs生活將變得很輕鬆。

1.安裝nodejs，nodejs已經提供了各平台的編譯過的文件不用辛苦編譯了，下載安裝對應自己平台的版本。

2.安裝javascript神器webstorm，webstorm也是一個好軟體，支持多平台。特別提醒ws是是一個商業收費軟體，可以試用30天。

3.打開ws進行nodejs配置，從3.0開始ws上增加了一個非常醒目的nodejs圖標，下面以osx版本為例，win版的完全一致沒有打的區別。

開發環境的搭建，下面簡要說一下如何搭建一個開發環境並完成一個Demo實例

根據個人情況下載不同版本的安裝包，並安裝好Node.js環境。安裝步驟很簡單，不需要配置和修改什麼，一切都走默認路線即可。

在安裝完Node.js並沒有什麼異常提示之後，在cmd下敲入 node 命令，測試一下，看看node.js是否安裝成功。

安裝WebStorm軟體（注意要先下載），安裝成功之後，需要在其中配置一下Node.js：如下圖

1）點擊 [JS] 圖標，在彈出的配置框中默認檢索到本地安裝的Node.js，也可手動選擇到相應的文件目錄下。

2）Sources of Node.js Core Modules: 指的是配置源文件路徑，把Node.js源碼解壓後的路徑配置到此即可。

接下來，我們可以new project，創建一個HelloWorld Demo。在HelloWorld.js中輸出一個「HelloWorld」即可（console.log(“Hello World”)。

準備好js文件之後，需要再config 一下，才能出現我們在Eclipse中開發Java Project 時常見的綠色倒三角按鈕。

這樣配置之後，點擊綠色按鈕，就會調用node 命令行來解析當前project的主文件。

可以在IDE下側的Console tab中看到 輸出結果：

“C:\Program Files\nodejs\node.exe” HelloWorld.js

Hello World

到這裡，WebStorm+Node.js的開發環境就算搭建成功了。

安裝node.js程序，按照提示一步步安裝即可；

Node.js安裝完成後，檢查環境變數path中是否配置了Node.js；在命令行中輸入」path」，結果如下：

檢查Node.js是否安裝成功，也可直接在命令行中輸入「node -v」，進行測試，結果如下；

安裝WebStorm；

開始在WebStorm中配置node.js。File-settings 輸入node.js，配置Node interpreter；

配置node.js的source code

點擊「ok」；

測試是否可以運行node.js 代碼

一 環境說明

電腦系統：window7

webstorm版本：2016.3

準備：已安裝nodejs(本人採用cygwin安裝)

二、配置webstrom支持node.js語法檢測

1.打開file-setting

2.選擇languagesframeworks下的node.js and NPM

選中有邊框中的node.js

再點擊上面的enble.

再點下面框中的ok.結束

這樣就可以自動檢測node.js代碼中的變數了。