JavaScript开发环境搭建

1:第一种方式

其实在 OSX 里有一个javascript控制台程序,它在

  /System/Library/Frameworks/JavaScriptCore.framework/
  Versions/A/Resources/jsc

里。我们可以在终端里直接运行这个程序,然后在终端进行调试。但我想要再Sublime Text中直接调试,这就需要为Sublime

Text添加此Build System。

(1)打开Sublime Text,选择 Tools > Build System > NewBuild System

(2)粘贴以下内容并保存为JSC.sublime-build(名字不是固定的,可以自己取):

 
 {
  "cmd": ["/System/Library/Frameworks/
  JavaScriptCore.framework/Versions/A/Resources/jsc",
  "$file"],
  "selector": "source.js"
  }

(3)在 Tools > Build System 里选择刚刚创建好的“JSC”,就可以调试了。

(4)在写好的js文件中,使用快捷键Command + B按钮进行调试。注意,使用JSC时,你需要用debug()替换console.log()函数。

2:第二种方式
利用 Node.js 添加 JavaScript 控制台

(1)检查是否安装了Node在终端中运行 node -v 命令

(2)步骤和JSC相同,只不过将粘贴的内容换为:

{
"cmd": ["node", "$file"],
 "selector": "source.js"
}



(3)编辑好后保存为Node.sublime-build或者其他的名字就可以了。

同样,要使用,在 Tools > Build System 里选择刚刚创建好的“Node”,就可以调试了。

你需要做的就是在写好js文件后,按下Command + B按钮。在Node.js的情况下,你可以继续使用console.log()函数。

3:第三种方式

我们也可以通过浏览器直接去解析js,我们下面再来配置一下通过浏览器来运行js。

(1)打开Sublime Text,选择 Tools->BuildSystem->NewSystem,在里面输入以下内容,保存为GO.sublime-build或者其它的名字。

   
 {
       "cmd":["open","-a","/Applications/GoogleChrome.app","$file"]
    }

(2)新建HTML文档,输入以下内容,命名为Hello.html.

     
 <html>
        <body>
		<script type=“text/JavaScript”>document.write(“javaScript”)
		</script>
       </body>
 </html>

(3) 之后,我们保存,Command + B进行运行。这样就能够成功打开我们的浏览器运行这个网页。 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章