D1.WebStorm 简介
WebStorm是jetbrains公司的JavaScript开发工具。 如今,被众多中国JS开发者称为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
WebStorm是一个强大的HTML5编辑工具,是JetBrains推出的商业性JavaScript开发工具。 实时编辑、自动完成、调试器、Zen Coding、HTML5支持、JSLint、Less支持、CoffeeScript支持、Node.JS、设备测试、集成git、集成
参考:
WebStorm_百度百科
安装配置
可以默认安装。
Ref:
webstorm 2017启用crack注册
使用WebStorm
S1 .按标准安装方式安装,配置nodejs开发环境如下
S2.WebStorm工程结构
Express基于MVC结构,创建新项目时会自动生成管理目录结构
淡夏天————www是默认的门户文件
node_modules————存储所有项目相关库。 (包括node.js中的模块)
package.json————项目依赖于配置和开发人员信息
app.js————程序启动文件
public————静态文件(css、js、img ) ) ) ) ) ) ) ) ) )。
路由文件(MVC的c,controller ) ) ) ) ) ) ) ) )。
views————页面文件(Ejs模板) ) ) ) ) ) ) )。
S3 .创建webstorm项目的两种方法
从Express App创建
从empty项目创建
JavaScript File是节点的执行门户,必须配置
参考:
浅试WebStorm组态Node.js开发环境工程介绍清晰
图解简要介绍WebStorm Node.js开发环境的构成
node.js webstorm开发个人博客:配置开发环境(1)完善
在webstorm 11中调试node.js是由empty工程组成的
D2.WebMatrix Microsoft WebMatrix是微软最新的Web开发工具,包含构建网站所需的所有元素。 可以从开源Web项目或内置的Web模板开始,也可以编写代码。
参考:
WebMatrix_百度百科
D3.Sublime 简介
Sublime Text是代码编辑器,也是HTML和散文的高级文本编辑器。
参考:
Sublime_百度百科
官方网站
安装配置
S1 .使用默认方法安装:
S2 .添加nodejs插件: link
3359 github.com/tane piper/sublime text-nodejs
S3 .其他插件
S4 .配置
环境参数配置link
使用sublime
简易测试:
构建sublimetext3nodejs开发环境link
快捷键
Ref:
Nodejs学习笔记--- -介绍和安装Nodejs开发环境
D4.Hbuilder 简介
HBuilder是DCloud (数字天堂)推出的支持HTML5的Web开发IDE。 HBuilder的创建已用于Java、c、Web和Ruby。 HBuilder本身的主体是由Java编写的。
因为它基于Eclipse,所以与Eclipse插件自然兼容。
支持多种语言:支持web语言(如php、jsp、ruby、python和nodejs )以及编译语言(如less和coffee )。
参考:
官网http://dcloud.io/index.html
HBuilder配置SVN svn插件
D5. Egret 简介
Egret是完整的HTML5游戏开发解决方案。 Egret包含多个工具和项目。 Egret Engine是基于TypeScript语言开发的HTML5游戏引擎,该项目在BSD许可证下发布。
参考:
官网https://www.egret.com/
转载于:https://www.cn blogs.com/Zhen-Android/p/7674251.html