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:

    webstorm2017 激活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

MicrosoftWebMatrix 是微软最新的 Web 开发工具,它包含了构建网站所需要的一切元素。您可以从开源 Web 项目或者内置的 Web 模板开始,也可以直接从无到有编写代码。

参考:

WebMatrix_百度百科

D3.Sublime

简介

SublimeText 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。

    参考:

    Sublime_百度百科

    官网下载

安装配置

S1.使用默认方式安装;

S2.添加nodejs插件:link

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

S3.其他插件

S4.配置

    环境参数配置link

 

使用sublime

简易测试:

    sublimetext3 搭建 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/