常見的JavaScript編輯工具有很多，例如記事本、Dreamweaver和Visual Studio，還有Sublime Text、Notepad++等。這節課我們主要講解一下記事本和Visual Studio的用法，因為Visual Studio是本系列課程推薦使用的編輯器。
記事本可以說是最簡潔方便的文本編輯器了，HTML、CSS和JavaScript都可以使用記事本編寫。不過呢，由於記事本的功能比較單一，沒有代碼提示功能或可視化編輯，所以如果使用記事本編寫JavaScript，要求開發者對JavaScript語言非常熟悉才行。因此，並不建議使用記事本。
但是由於記事本簡單方便、打開速度快，所以常常用來做局部修改。接下來我們試著用記事本寫一個簡單的JavaScript程序。
第一步：新建“記事本”，把下面這段代碼復制到記事本中去，然後保存，將記事本名字改為“我的第一個網頁”。
<html>
<head>
<title>我的第一個網頁</title>
<script type="text/javascript">
document.write(" 學習網JavaScript入門教程");
</script>
</head>
<body>
</body>
</html>
第二步：將記事本後綴名“.txt”改為“.html”：
第三步：點擊“我的第一個網頁.html”這個HTML文件，就可以在浏覽器打開了。在浏覽器預覽效果如下：
Visual Studio是我們整個系列課程推薦使用的編輯器。對於Visual Studio如何新建網頁，請參考HTML入門教程中的“Visual Studio使用”這一節。
第一步：我們新建一個HTML頁面，打開如下：
第二步：我們在<head></head>添加下面這段代碼：
<script type="text/javascript">
document.write(" 學習網JavaScript入門教程");
</script>
第三步：然後點擊頂部上方的預覽按鈕：
在浏覽器預覽效果如下：
對於如何在Dreamweaver的添加JavaScript，這個跟Visual Studio類似，都是在<head></head>中添加即可，在此不再詳細講解。
常用的JavaScript編輯器除了Dreamweaver和Visual Studio，還有Sublime Text、Notepad++和webstrom等，大家可以去了解一下。對於這些軟件的下載，可以到 論壇的“資源分享區”找找看
工具下載Visual Studio 2010簡體中文（免費版）
Dreamweaver CS5簡體中文版