html 開發工具

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

 

S3.其餘插件

S4.配置

    環境參數配置 link

 

使用sublime

簡易測試：

    sublime text3 搭建 nodejs開發環境 link

 

 

快捷鍵

 

Ref:

    Nodejs學習筆記（一）--- 簡介及安裝Node.js開發環境

 

D4.Hbuilder

簡介

HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder自己主體是由Java編寫。

它基於Eclipse，因此順其天然地兼容了Eclipse的插件。

支持多種語言：php、jsp、ruby、python、nodejs等web語言，less、coffee等編譯型語言均支持。

 

參考：

     官網 http://dcloud.io/index.html

     HBuilder配置SVN svn插件

 

D5. Egret

簡介

Egret是一套完整的HTML5遊戲開發解決方案。Egret中包含多個工具以及項目。Egret Engine是一個基於TypeScript語言開發的HTML5遊戲引擎，該項目在BSD許可證下發布。

 

 

參考：

     官網 https://www.egret.com/