D1.WebStorm

簡介

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。

WebStorm 是一款強大的HTML5編輯工具，是 JetBrains 推出的一款商業的 JavaScript 開發工具。功能強大的前端專用IDE，擁有即時編輯（chrome）、自動完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、單元測試、集成git和svn版本控制等特性。

參考：

WebStorm_百度百科

安裝配置

默認安裝即可。

Ref:

webstorm 2017 激活crack 註冊

使用WebStorm

S1.標準安裝方式安裝，配置nodejs開發環境如下

S2.WebStorm工程結構

Express是基於MVC結構，新建項目後會自動生成管理目錄結構

bin————www是默認的入口文件

node_modules————存放所有的項目依賴庫。(包括node.js的模塊)

package.json————項目依賴配置及開發者信息

app.js————程序啟動文件

public————靜態文件(css,js,img)

routes————路由文件(MVC中的C,controller)

views————頁面文件(Ejs模板)

S3.創建WebStorm工程的兩種方式

從Express App創建

從Empty Project創建

JavaScript File是node的運行入口，必須配置

參考：

淺試WebStorm配置Node.js開發環境 工程介紹清晰

圖解WebStorm+Node.js開發環境的配置 簡單介紹

node.js + webstorm 開發個人博客：配置開發環境（一） 較全

node.js在webstorm 11中的調試 從empty工程配置

D2.WebMatrix

Microsoft WebMatrix 是微軟最新的 Web 開發工具，它包含了構建網站所需要的一切元素。您可以從開源 Web 項目或者內置的 Web 模板開始，也可以直接從無到有編寫代碼。

參考：

WebMatrix_百度百科

D3.Sublime

簡介

Sublime Text 是一個代碼編輯器（Sublime Text 2是收費軟件，但可以無限期試用），也是HTML和散文先進的文本編輯器。

參考：

Sublime_百度百科

官網下載

安裝配置

S1.使用默認方式安裝；

S2.添加nodejs插件：link

https://github.com/tanepiper/SublimeText-Nodejs

nodejs開發工具