html 开发工具

Posted 2020-10-10

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/