如何在sublime text运行javascript

在Console模式下,浏览器不仅可以编辑也可以运行js。

大部分场景下,我们都是在IDE编辑保存,然后在浏览器打开预览效果。

在web前端的领域,sublime text成为了我编辑javascript的最爱,过往都是重复着上面的场景。

今天在youtube上学到了一招,编辑和运行javascript于sublime text一身。

准备材料:

1:首先得安装好了sublime,我选择了2的版本,毕竟对python2开头的语法比较熟悉,可以修改和尝试开发一些插件。sublime3的插件一些新API得python3下开发。

2:安装nodejs(上一篇文章二逼的安装nodejs


开始设置:



得到文件




编辑:这里注意nodejs在上文已经被我们安装在 /usr/local/bin/文件夹下面



然后保存



这时通过终端可以查看我们的文件已经被添加和被添加的路径




后我们编写一个程序将整数进行一个因式分解

一些概念:

素数:一个大于1的自然数,除了1和它本身外,不能被其他自然数(质数)整除

因式分解:将一个数分解成几个素数的积

思路:

把一个整数因式分解,就是要找到它所有的素数因子

第一,找到一个数,这个数能将要分解因式的数整除

第二,如果这个数是素数,则保存这个数

第三,继续分解除以素数因子得到的商


代码实现



保存在任意地方,然后按下图设置当前的编译环境为nodejs




最后一步按快捷键command + b 运行程序



完结!




  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Sublime Text是一款文本编辑器,它本身并不支持编译和运行代码。但是,你可以通过安装插件来实现这个功能。以下是一些常用的插件: 1. SublimeREPL:这个插件可以在Sublime Text运行交互式解释器,支持多种编程语言,包括Python、Ruby、JavaScript等。 2. Build System:这个插件可以让你自定义编译和运行命令,支持多种编程语言。 3. Terminal:这个插件可以在Sublime Text中打开终端,你可以在终端中编译和运行代码。 安装这些插件后,你就可以在Sublime Text中编译和运行代码了。具体的使用方法可以参考插件的文档。 ### 回答2: Sublime Text是一款强大的文本编辑器和代码编辑器,适用于跨平台的Windows、Mac OS X和Linux系统。它不仅提供了许多高效的编辑和调试工具,还支持许多编程语言。虽然Sublime Text本身不提供直接的编译和执行功能,但是可以通过插件和配置实现这些操作。 第一步:安装Sublime Text插件 Sublime Text自带了一些基本的插件,但是我们需要自己安装一些插件才能实现编译和运行代码的功能。一个常用的插件是SublimeREPL,它支持交互式的编程环境,可用于多种编程语言,如Python、Ruby、JavaScript等等。 要安装SublimeREPL,首先需要安装Package Control,它是一款Sublime Text的插件管理器。可以采用以下几个步骤安装: 1.打开Sublime Text编辑器,点击菜单栏中的“View”选项,选择“Show Console”打开控制台。 2.在控制台中输入以下代码: ``` import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) ``` 3.按下回车键运行命令,等待Package Control安装完毕。完成后,关闭控制台。 4.打开Sublime Text,再次点击“View”选项,选择“Show Console”打开控制台。 5.在控制台中输入以下代码: ``` import sublime sublime.run_command('package_control_install_package', {"packages": ["SublimeREPL"]}) ``` 6.按下回车键运行命令,等待SublimeREPL插件安装完毕。安装完毕后,重启Sublime Text即可。 第二步:配置SublimeREPL插件 完成SublimeREPL插件的安装后,需要对其进行配置,以实现编译和执行代码的功能。 1.打开Sublime Text,选择“Preferences”选项,选择“Package Settings”选项,然后选择“SublimeREPL”选项。 2.选择“SublimeREPL”菜单下的“Settings - User”选项,打开User配置文件。 3.在User配置文件中,添加以下代码(以Python为例): ``` { "default_extend_env": {"PATH": "C:\\Python27\\;"}, //配置Python环境变量 "default_repl": "python", "auto_show": true, "show_transferred_text": true } ``` 其中,“default_extend_env”指定了Python的路径,如果你的Python安装路径不同,需要更改路径。 4.保存配置文件并关闭。 第三步:编译运行代码 配置完成后,就可以编译和运行代码了。以Python为例,可以采用以下步骤: 1.打开Python代码文件。 2.按下Ctrl+Shift+P,调出命令面板,输入“SublimeREPL: Python”,选择子菜单项“Python”以创建Python环境。 3.按下Ctrl+Shift+P,调出命令面板,输入“SublimeREPL: Python - RUN current file”,选择子菜单项“Python - RUN current file”以编译运行代码文件。 4.在SublimeREPL面板中查看输出结果。 总之,通过安装SublimeREPL插件以及配置环境变量和快捷键等,可以快速在Sublime Text编辑器上实现代码编译和运行功能。 ### 回答3: Sublime Text是一款强大的文本编辑器,而且它也支持编译运行代码。具体步骤如下: 1.首先,我们需要确保已经安装了需要编译运行的语言的环境,比如Python环境。不同的语言可能具有不同的编译运行方法,需要根据具体情况使用。 2.在Sublime Text中打开需要编译的代码文件。例如,如果是Python代码,那么需要打开.py文件。 3.按下“Ctrl + Shift + B”组合键,或者单击菜单栏中的“Tools”(工具)选项,然后选择“Build System”(构建系统),再选择需要的语言环境。比如选择Python后,会出现一个黑色的控制台,里面会显示代码的运行结果。 4.如果想要自定义构建系统,可以在“Tools”(工具)选项中选择“Build System”(构建系统),再选择“New Build System”(新建构建系统)。在弹出窗口中编辑需要的构建系统,在保存窗口中保存文件并指定文件名。保存后,就可以选择新建的构建系统了。 5.按下“Ctrl + B”组合键或者单击菜单栏中的“Tools”(工具)选项,然后选择“Build”(构建),就可以编译运行代码了。 总之,Sublime Text是非常方便的编译运行工具,特别适合于一些小而轻量的编程任务。希望这些步骤可以帮助大家了解Sublime Text的编译运行功能并使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值