2.编译器

2.编译器

毫无疑问SublimeText，Notepad++，webstorm等，是市面上最主导的编辑器，但当然也有一些更多的JavaScript编辑器提供众多的特性和功能，方便和轻松自由的编码。

2.1 Webstorm

本次使用的是WebStorm。

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

在新的项目中创建Html文件！

在标签内标签后添加以下代码

function sayAsAlert(msg) {
    alert(msg)
}
sayAsAlert('Hello Word')
 ```

![image.png](http://upload-images.jianshu.io/upload_images/2888418-21875d6e7bfa2bc3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

如图所示点击右上角的浏览器图标在浏览器中打开，效果如下图。

![image.png](http://upload-images.jianshu.io/upload_images/2888418-0055cef3cc907f4c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


## 2.3 引入外部JS
在当前项目下新建myJs.js文件。并在其中添加以下代码：

function sayAsAlert(msg) {

alert(msg)

}

sayAsAlert(‘Hello Word’)
“`
将Html文件中 标签中的文件删除，并添加属性：

当然