如何在sublime内调试Javascript代码

首先安装nodejs

当然你可以使用其它诸如jsc之类的环境来运行js,

本文使用的是nodejs.

首先确保你的电脑已经安装好nodejs,

并已将其添加到环境变量中

(一般安装时自动添加或者询问是否添加)

添加build

system

在sublime

text中依次打开Tools

->

Build

System

->

New

Build

System...

粘贴以下代码后保存(如Node.sublime-build),

然后把Build

System设成Automatic

{

"cmd":

["node",

"--use-strict",

"--harmony",

"$file"],

"selector":

"source.js"

}

说明

在以上的build文件中(Node.sublime-build),

node是执行命令,

--harmony和--use-strict是执行参数,

$file是当前文件名,

所以一次build *** 作实际上相当于在命令行中执行了node

--use-strict

--harmony

filename.

--harmony表示启用ES

Harmony

features,

而这些features目前只能在strict模式下运行,

所以需要同时添加use-strict参数(详见what-is-extended-mode).

如果不想启用es6的特性,把build文件更改成以下代码保存即可.

{

"cmd":

["node",

"$file"],

"selector":

"source.js"

}

使用

在sublime

test中新建一个test.js文件,

然后输入你的测试代码,

比如:

for

(let

i

=

0

i

<

3

i++)

{

console.log('i:',

i)

}

使用快捷键ctrl

+

b,

将得到以下执行结果:

i:

0

i:

1

i:

2

[Finished

in

0.1s]

注:

文件必须是存在于磁盘中的,

而不是untitled的,

否则sublime无法找到相应的文件.

sublime本身是不具备运行python程序的能力的，需要做些设置才可以。以下是安装好sublime后设置的步骤：

点击“Preference”-----》“Browse Packages”----------》“python”，编辑Python.sublime-build文件，添加python应用程序的路径，我的是安装到了c:\Python27路径中：

{

"cmd":["python.exe", "-u", "$file"],

"path":"C:/Python27",

"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",

"selector": "source.python"

}

注意：1、代码路径和环境变量的路径中不要带中文，对中文支持还不好。

2、写完程序后，需要先保存一下，才能够运行。运行时按ctrl+b。

做到以上这些，就没问题了。

下载相应的版本。建议大家不要使用谷歌浏览器，因为他真得加载不出来。

下载好之后，就需要一步步进行安装了（建议大家把其安装在c盘），这里需要注意的是：

这个勾别忘了选，因为不选中，就会出现编译时找不到Ruby环境的情况。

这时，我们在控制台输入ruby -v就可以得到我们的安装好的ruby的版本号等信息

Ruby 安装完成后，在开始菜单中找到新安装的 Ruby，并启动 Ruby 的 Command 控制面板，如下图所示：

当你的电脑中安装好 Ruby 之后，接下来就可以安装 Sass 了。同样的在windows下安装 Sass 有多种方法。给大家提供一种最实用的方法。

到 Rubygems(http://rubygems.org/) 网站上将 Sass 的安装包（http://rubygems.org/gems/sass）下载下来，然后在命令终端输入：

gem install <把下载的安装包拖到这里>

直接回车即可安装成功。

接下来，就是在sublime中安装sass插件和sass build插件了，打开我们的sublime

首先你要看的是在preference选项下有没有package control这个选项，如果没有的话，就表示你没有Package

Control 插件（一个方便 Sublime text 管理插件的插件），这时，你就要从菜单 View - Show Console 或者

ctrl + ~ 快捷键，调出 console。将以下 Python 代码粘贴进去并 enter 执行，不出意外即完成安装

sublime text3

1

import urllib.request,ospf = 'Package Control.sublime-package'ipp = sublime.installed_packages_path()

urllib.request.install_opener( urllib.request.build_opener(

urllib.request.ProxyHandler()) )open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

sublime text2

1

import urllib2,ospf='Package Control.sublime-package'ipp = sublime.installed_packages_path()os.makedirs( ipp ) if not os.path.exists(ipp) else Noneurllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( )))open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read())print( 'Please restart Sublime Text to finish installation')

完成了这步之后,再重新打开我们的sublime,ctrl+shift+p，并输入install

选择第一个Install Pacage,

在命令栏中输入"Sass"然后回车，然后在d出的列表中选择Sass插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果

在命令栏中输入"SassBuild"然后回车，然后在d出的列表中选择SassBuild插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果

按ctrl+shift+p，输入package，选择list packages，就看到了我们安装的插件列表

如果你看到了sass和sass bulid就说明插件安装成功了。

这是你把scss文件写完之后，按ctrl+b就可以实现sass文件的编译了，他会生成一个自动编译生成css文件。这里,再跟大家介绍一下windows7下解决中文乱码的问题吧。需要做的就是：

找到ruby的安装目录，里面也有sass模块，如这个路径：

C:/Ruby/lib/ruby/gems/1.9.1/gems/sass-3.3.14/lib/sass

在这个文件里面engine.rb，添加一行代码Encoding.default_external = Encoding.find(‘utf-8’) 放在所有的require XXXX 之后即可.

---