1. 从www.nodejs.org下载nodejs并安装到指定的目录。
2.下载sublime并安装,下载列表:http://www.sublimetext.com/2
3.下载sublime的nodejs插件,需是集成Nodejs插件到sublime中,下载地址:https://github.com/tanepiper/SublimeText-Nodejs
4.解压zip文件, 并重命名文件夹“Nodejs”
5.打开sublime,操作"preference" --> "Browse packages", 打开一个目录,这个目录是众多语言IDE插件的存放地。
6.复制”Nodejs“文件夹到这个目录。
7.打开Nodejs文件夹,找到文件“Nodejs.sublime-build”, 拖拽到sublime,显示:
{ "cmd": ["node", "$file"], "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)", "selector": "source.js", "shell":true, "encoding": "cp1252", "windows": { "cmd": ["taskkill /F /IM node.exe & node", "$file"] }, "linux": { "cmd": ["killall node; node", "$file"] } }
需要更改上面标注的地方, 要更改encoding为GB2312或者utf8,如果不更改此属性可能导致build nodejs代码时终端显示乱码。
8.要用sublime打开文件“Nodejs.sublime-settings” 或者 设置“preference” --》 “package settings” --》 “Nodejs” --》“setting-default” 打开文件并 更改成:
{ // save before running commands "save_first": true, // if present, use this command instead of plain "node" // e.g. "/usr/bin/node" or "C:\bin\node.exe" // e.g. "/usr/bin/node" or "C:\bin\node.exe" "node_command": "D:\\ProgramFiles\nodejs\node.exe", //是Nodejs安装目录 // Same for NPM command "npm_command": "D:\\ProgramFiles\nodejs\npm.cmd", // as 'NODE_PATH' environment variable for node runtime //"node_path": false, "expert_mode": false, "ouput_to_new_tab": false }
9.验证,复制下面代码 到sublime一个新建文件中。 并Ctrl+ b 编译这段代码。 即时窗口显示:Server running at http://127.0.0.1:80/ ,然后打开浏览器敲入这个地址并显示内容hello nodejs 。 这是一个简单的站点发布。
var http = require('http'); var os = require('os'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Hello nodejs\n'); }).listen(80); console.log('Server running at http://127.0.0.1:80/');
10.在 Sublime 直接运行 Javascript 调试控制台
有个问题,那就是Sublime Text不支持一些语言的运行,例如javascript,我们通常通过写一个HTML页面来嵌入JS,然后再用Chrome或者Firefox的开发者工具来调试。而实际上我们也可以通过添加Build System的方法来让Sublime Text支持Javascript Console控制台调试。
10.1.利用 JSC 添加 JavaScript 控制台 (Mac OS X)
实际上Mac内置了一个javascript控制台程序,但是藏得太深,它在
/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc
里。实际上你可以在终端里直接运行这个程序,然后在终端进行调试。
为Sublime Text添加此Build System,只需打开Sublime Text,选择 Tools > Build System > New Build System... ,如图所示
现在,粘贴以下内容并保存为JSC.sublime-build,或者其他名字:
{ "cmd": ["/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc", "$file"], "selector": "source.js" }
现在,在 Tools > Build System 里选择刚刚创建好的“JSC”,就可以调试了。
你需要做的就是在写好js文件后,按下Ctrl + B按钮。
不过这里也要注意,使用JSC时,你需要用debug()替换console.log()函数。
10.2 利用 Node.js 添加 JavaScript 控制台
除了Mac的JSC,我们还有强大的Node.js。要使用此方案,请先下载并安装Node.js。
其他的步骤和上述基本一致,只是在编辑新的Build System时,要粘贴的内容是:
{ "cmd": ["node", "$file"], "selector": "source.js" }
编辑好后保存为Node.sublime-build或者其他的名字就可以了。
同样,要使用,在 Tools > Build System 里选择刚刚创建好的“Node”,就可以调试了。
你需要做的就是在写好js文件后,按下Command + B按钮。
在Node.js的情况下,你可以继续使用console.log()函数。
相关推荐
最近在研究Nodejs开发,俗话说,工欲善其事,必先利其器,当然要找到一款用着顺手的编辑器作为开始。这里我们选择的是Sublime Text 3,除了漂亮的用户界面,最吸引我的就是它的插件扩展功能以及跨平台特性。
我的开发环境和系统配置 ansible@2.10.3 / JavaSE@15.0.1 ( ) Ruby(3.0.0) 锈(1.44.1) python (3.9.0)/ python (2.7.18) nodejs (最新)/纱线(1.22.10) 长生不老药(1.11.2)/ erlang (23.1) ...
2,技术栈 前置:vue全家桶+ scss + element-ui + dayjs + axios + echarts + vue-awesome-swiper后端:+的NodeJS的MongoDB +猫鼬+ koa23,开发环境和工具 前端: , ,邮递员vscode / sublimetext3,chrome / Fire...
开发人员应用程序:iTerm2,Sublime Text,Atom,VirtualBox,Vagrant,Docker,Chrome等 Python数据分析:IPython Notebook,NumPy,Pandas,Scikit-Learn,Matplotlib等 大数据平台:Spark(与IPython Notebook...
mmall-fe 此项目持续施工中... 我要在撸一次天猫网站的前端页面了,嗯,就酱。本项目是我是用java开发的仿天猫网站的前端部分,这一...开发环境搭建 npm及webpack初始化 webpack对脚本,样式的处理 webpack对html模板的
开发环境搭建 本地NODEJS安装,IDE工具(VSCODE,Sublime...)安装 申请GIT仓库 管理员创建新Group,Group内每个单项目(单页面)创建一个库 管理员创建编译仓,如名称 (newh5_build),用于后续项目基础部署使用 开发...
开发环境搭建 本地NODEJS安装,IDE工具(VSCODE,Sublime...)安装 申请GIT仓库 管理员创建新Group,Group内每个单项目(单页面)创建一个库 管理员创建编译仓,如名称 (newh5_build),用于后续项目基础部署使用 开发...
选择一个开发环境并安装它(VSCode,Webstorm,Sublime等) 安装NodeJS: : (建议使用版本12或更低版本的节点js。如果您使用v12不支持的任何功能,则不会提交分数。 分叉此存储库 克隆您新创建的存储库(使用git ...
1. 开发文档1.1 技术点linux环境linux下monogodb环境linux下curl安装nodejssublime 环境Package Control安装EditorConfig插件之后打开本项目目录,便于统一代码格式2.服务器部署使用linux3用户使用命令sudo nohup ...
准备环境 您应该安装Visual Studio 2010 。 安装 nodejs. 安装 Phantomjs. 安装 Python 2.7. npm install 如果出现错误,您可以检查 [phantomjs-node] 的依赖...