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版本控制等特性。
参考:
安装配置
默认安装即可。
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 模板开始,也可以直接从无到有编写代码。
参考:
D3.Sublime
简介
SublimeText 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。
参考:
安装配置
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/