首页 ›存档› 技术 › 查看内容

JavaScript全栈开发-工具篇

2018-3-30 13:00 |来自: 互联网 290 0

摘要: 作者：龙付成--腾讯高级前端工程师 @IMWeb前端社区目录 JavaScript早期主要作为脚本语言运行在浏览器，而现在JavaScript的使用范围已经超越浏览器，向通用系统语言发展。特别是HTML5的出现，浏览器的平台化，Node ...

作者：龙付成--腾讯高级前端工程师

@IMWeb前端社区

JavaScript早期主要作为脚本语言运行在浏览器，而现在JavaScript的使用范围已经超越浏览器，向通用系统语言发展。特别是HTML5的出现，浏览器的平台化，Node.js开源项目的发展，NoSQL技术的发展，JavaScript逐渐成为跨移动平台应用程序及跨平台桌面应用程序的开发语言。

JavaScript标准有两类，一种是作为浏览器上通用行业标准的ECMAScript标准，另一种是作为浏览器外的桌面、服务器的标准CommonJS标准。JavaScript可以只用一种语言，开发出适应不同平台（浏览器，桌面端，服务器，移动端）的程序。而本文主要以JavaScript作为全栈开发语言讨论软件产品前后端开发、测试相关的工具和方法。

前后端运行环境

1. Node.js
首页：https://nodejs.org
下载：https://nodejs.org/download

Node.js是以Chrome的V8引擎为运行时，基于事件驱动的无阻塞I/O模型，轻量高性能，可快速构建可伸缩应用程序的平台，适合运行数据密集型实时应用程序。

下载Windows Installer(.msi)程序进行安装，默认安装npm(node package manager)，及注册node的安装目录到操作系统的环境变量，这样在命令行界面任何路径下都可以访问node和npm程序。接下来要说明的开发测试工具，很多都基于node和npm。

npm的默认仓库源访问比较慢，可通过修改npm配置注册源地址或npm安装模块时带--registry选项指定源仓库地址。

2. Chrome
首页：https://www.google.com/chrome

前端开发必备浏览器，内置开发者工具功能比较强大。

3. 其它浏览器
FireFox浏览器的插件FireBug也是一款比较优秀的工具。如果是做PC端的前端开发，考虑浏览器的兼容性，Internet Explorer也是必备的浏览器。（浏览器使用的市场份额原因，虽然份额在下滑）

开发工具

因个人偏好和使用习惯的不同，开发工具不同人有不同的选择。以下是几种常见的前端开发工具：
* WebStorm
* Sublime
* HBuilder

1. WebStorm
首页：http://www.jetbrains.com/webstorm
下载：http://www.jetbrains.com/webstorm/download

1.1 功能特性
WebStorm是由JetBrains开发的一个比较强大的轻量级开发工具，能够完美地支持前端开发及基于NodeJS的服务端开发。
-- 支持JavaScript, Node.js, ECMAScript 6, TypeScript, CoffeeScript, HTML, CSS, Less, Sass 和 Stylus。语法高亮，文档查询，重构
-- 快速定位及错误高亮
-- 项目导航及高级重构功能
-- 支持AngularJS、React、Meteor、Express、其它框架
-- 内置前端及服务端NodeJS断点调试器
-- 与构建工具（Grunt、Gulp）、代码质量工具（JSHint，JSLint，ESLint，JSCS），测试工具（Karma，Mocha），版本控制工具（Git，GitHub，Mercurial，SVN）集成。
-- 版本控制集成（Subversion，Perforce，Git，CVS）

1.2 小技巧
-- 更改IDE主题：File -

声明：文章版权归原作者所有部分文章转自互联网如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

收藏分享邀请

上一篇：《MySQL运维内参》节选 | InnoDB数据字典（上）下一篇：JavaScript 箭头函数的主要语法和用法

JavaScript全栈开发-工具篇

目录

前后端运行环境

开发工具

相关分类