2.編譯器
毫無疑問SublimeText霹琼，Notepad++路翻，webstorm等跪但，是市面上最主導(dǎo)的編輯器履羞，但當(dāng)然也有一些更多的JavaScript編輯器提供眾多的特性和功能，方便和輕松自由的編碼屡久。
2.1 Webstorm
本次使用的是WebStorm忆首。
image.png
WebStorm 是一種輕量級的、功能強(qiáng)大的 IDE被环，為Node.js復(fù)雜的客戶端開發(fā)和服務(wù)器端開發(fā)提供完美的解決方案糙及。WebStorm的智能代碼編輯器支持JavaScript, Node.js, HTML和CSS。 WebStorm支持Windows,
Mac OS 和 Linux平臺(tái)筛欢。
WebStorm官網(wǎng)地址
http://www.jetbrains.com/webstorm/download/#section=windows
2.2 創(chuàng)建Hello Word
創(chuàng)建空白項(xiàng)目File =>New=>Project
image.png
在新的項(xiàng)目中創(chuàng)建Html文件浸锨！
image.png
在<head>標(biāo)簽內(nèi)</title>標(biāo)簽后添加以下代碼
function sayAsAlert(msg) {
alert(msg)
}
sayAsAlert('Hello Word')
image.png
如圖所示點(diǎn)擊右上角的瀏覽器圖標(biāo)在瀏覽器中打開，效果如下圖版姑。
image.png
2.3 引入外部JS
在當(dāng)前項(xiàng)目下新建myJs.js文件柱搜。并在其中添加以下代碼：
function sayAsAlert(msg) {
alert(msg)
}
sayAsAlert('Hello Word')
將Html文件中<script> 標(biāo)簽中的文件刪除，并添加屬性：
<script src="myJs.js"></script>
當(dāng)然<script src="myJs.js"/>這樣子也是可以的剥险，并且更加簡潔聪蘸。
當(dāng)前項(xiàng)目:
image.png
