2.编译器
毫无疑问SublimeText，Notepad++，webstorm等，是市面上最主导的编辑器，但当然也有一些更多的JavaScript编辑器提供众多的特性和功能，方便和轻松自由的编码。
2.1 Webstorm
本次使用的是WebStorm。
image.png
WebStorm 是一种轻量级的、功能强大的 IDE，为Node.js复杂的客户端开发和服务器端开发提供完美的解决方案。WebStorm的智能代码编辑器支持JavaScript, Node.js, HTML和CSS。 WebStorm支持Windows,
Mac OS 和 Linux平台。
WebStorm官网地址
http://www.jetbrains.com/webstorm/download/#section=windows
2.2 创建Hello Word
创建空白项目File =>New=>Project
image.png
在新的项目中创建Html文件！
image.png
在<head>标签内</title>标签后添加以下代码
function sayAsAlert(msg) {
alert(msg)
}
sayAsAlert('Hello Word')
image.png
如图所示点击右上角的浏览器图标在浏览器中打开，效果如下图。
image.png
2.3 引入外部JS
在当前项目下新建myJs.js文件。并在其中添加以下代码：
function sayAsAlert(msg) {
alert(msg)
}
sayAsAlert('Hello Word')
将Html文件中<script> 标签中的文件删除，并添加属性：
<script src="myJs.js"></script>
当然<script src="myJs.js"/>这样子也是可以的，并且更加简洁。
当前项目:
image.png
