JavaScript开发环境搭建

分手后的思念是犯贱 2022-07-14 00:30 126阅读 0赞

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进行运行。这样就能够成功打开我们的浏览器运行这个网页。

发表评论取消回复

表情：

评论列表（有 0 条评论，126人围观）

还没有评论，来说两句吧...

相关阅读

相关搭建开发环境

搭建开发环境可以分为两种：第一种是项目非常简单，可能简单到只有一两个页面就可以搞定，这时候我们就直接新建一个html页面进行开发就行第二

冷不防/ 2022年09月13日 15:15/ 0 赞/ 358 阅读

相关 Vue开发环境搭建

Vue开发环境搭建 1、下载并安装nodejs [https://nodejs.org/][https_nodejs.org] 2、检查版本 node

小咪咪/ 2022年08月31日 06:50/ 0 赞/ 340 阅读

相关网站开发搭建开发环境

1.[linux 下面设置共享文件夹的方法][linux][ ][linux] sudo apt-get install samba sudo apt-

ゝ一纸荒年。/ 2022年08月05日 01:20/ 0 赞/ 313 阅读

相关 JavaScript开发环境搭建

1:第一种方式其实在 OSX 里有一个javascript控制台程序,它在 /System/Library/Frameworks/JavaScriptCore.f

分手后的思念是犯贱/ 2022年07月14日 00:30/ 0 赞/ 127 阅读

相关搭建开发环境

devsever contentbase是接下来要执行的本地开发环境的服务器规定服务器要在哪里获取文件 open:true.//自动打开浏览器 port 9000 第一

朱雀/ 2022年05月14日 15:51/ 0 赞/ 366 阅读

相关 vue开发环境搭建

前言: 作为一个后端程序员,但是又想搭建网站.不依靠别人,那只得自己学点前端. 除了常用的bootstrap之外还想学一样,物色几样如 easyUI , angular

淡淡的烟草味﹌/ 2022年04月11日 14:25/ 0 赞/ 359 阅读

相关 MBlock开发环境搭建

本人对STM教育有兴趣，研究了一下mblock的代码，总结了一些个人搭建修改的经验，如果有需要进一步了解的朋友，欢迎交流，QQ：690333105，验证信息：mblock

港控/mmm°/ 2022年04月10日 07:26/ 0 赞/ 433 阅读

相关开发环境搭建步骤

[开发环境搭建步骤][Link 1] 操作系统win10安装 eclipse-java（eclipse插件配置保存、workspace\.settings保存） jd

迈不过友情╰/ 2022年01月06日 15:57/ 0 赞/ 349 阅读

相关搭建Android开发环境

搭建Android开发环境主要分为三个步骤。 1、Android SDK的安装 2、ADT的安装和配置 3、Android模拟器的配置 1、Android

素颜马尾好姑娘i/ 2021年09月12日 04:52/ 0 赞/ 585 阅读

相关 JBOSS 开发环境搭建

【前言】 JBOSS的定义：是一个基于J2EE的开放源代码的应用服务器。JBoss代码遵循LGPL许可，可以在任何商业应用中免费使用，而不用支付费用。JBoss

系统管理员/ 2021年05月12日 11:54/ 0 赞/ 708 阅读