Sublime Text3 配置 NodeJs 环境的方法


Posted in NodeJs onMay 20, 2020

前言

大家都知道,Sublime Text 安装插件一般从 Package Control 中直接安装即可,当我安装 node js 插件时候,直接通过Package Control 安装,虽然插件安装成功了,但是找不到配置文件 Nodejs.sublime-build 来更改一些配置 。于是去 https://packagecontrol.io/packages/Nodejs 官网上查看,只提供一种安装方式。

安装

git安装

MacOSX

git clone https://github.com/tanepiper/SublimeText-Nodejs.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/Nodejs

Windows

git clone https://github.com/tanepiper/SublimeText-Nodejs.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/Nodejs

Linux

git clone https://github.com/tanepiper/SublimeText-Nodejs $HOME/.config/sublime-text-3/Packages/Nodejs

手动安装

通过地址https://github.com/tanepiper/SublimeText-Nodejs去github上下载该包,解压放到Sublime Text3\Packages 目录下。

修改配置文件 (两处要修改)

Nodejs.sublime-settings

在 Sublie Text 3 Packages 文件目录下, 找到 Nodejs.sublime-settings 文件,更改以下内容

修改后的文件

{
 // 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"
 "node_command": "C:\\Program Files\\nodejs\\node.exe" ,
 // Same for NPM command
 "npm_command": "C:\\Program Files\\nodejs\\npm.cmd",
 // as 'NODE_PATH' environment variable for node runtime
 "node_path": false,

 "expert_mode": false,

 "ouput_to_new_tab": false
}

注: 修改了两个地方,分别是 node_command 和 npm_command

Nodejs.sublime-build

在 Sublie Text 3 Packages 文件目录下, 找到 Nodejs.sublime-build 文件,更改以下内容

修改后的文件

"cmd": ["node", "$file"],
 "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
 "selector": "source.js",
 "shell":true,
 "encoding": "utf8",
 "windows":
  {
  	"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]
  },
 "linux":
  {
    "cmd": ["killall node; node", "$file"]
  },
  "osx":
  {
	"cmd": ["killall node; node $file"]
  }
}

注: 修改了两个地方,分别是 encoding 和 windows 下的cmd ,windows 下的cmd命令是每次执行的时候都会kill 掉以前启动的nodejs 进程,这个命令有些错误,我们修改它,到达我们想要的效果

测试

新建一个 test.js 文件 输入以前内容

var http = require('http');
var os = require('os');
 
http.createServer(function (request, response) {
 response.writeHead(200, {'Content-Type': 'text/plain'});
 response.end('Hello World\n');
 
}).listen(3000);
 
console.log('Server running at http://127.0.0.1:3000/');

Ctrl +B 编译一下,会在Sublime Text 控制台 看到 Server running at http://127.0.0.1:3000/ ,接下来我们从浏览器打开 访问 http://127.0.0.1:3000/ .

结束语

以上就是 Sublime Text 排至 Node js 步骤 。
参考: https://packagecontrol.io/packages/Nodejs packagecontrol 官网 的Node js 插件.

Sublime Text3 配置 NodeJs 环境补充

一.下载包地址

https://github.com/tanepiper/SublimeText-Nodejs

然后解压放到Sublime Text3\Packages 目录下并改名Nodejs

二.修改配置文件 (两处要修改)

1.在 Sublie Text 3 Packages 文件目录下 找到 Nodejs.sublime-settings 文件 更改以下内容 路径为当前电脑node的安装目录
"node_command": "C:\\Program Files\\nodejs\\node.exe",
"npm_command": "C:\\Program Files\\nodejs\\npm.cmd",

2.在 Sublie Text 3 Packages 文件目录下 找到 Nodejs.sublime-build 文件
更改以下内容
"encoding": "utf8",
"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]

三.测试

新建文件夹ss目录下新建test.js文件代码如下

var http = require('http'); 
 
http.createServer(function(req, res) { 
 res.writeHead(200, {'Content-Type': 'text/plain'});  
 res.end('hello world\n'); 
}).listen(1337, '127.0.0.1'); 
 
console.log('Server running at http://127.0.0.1:1337/');

命令行ss目录下运行输入 node test.js

安装成功则console.log()

NodeJs 相关文章推荐
详谈nodejs异步编程
Dec 04 NodeJs
nodejs批量修改文件编码格式
Jan 22 NodeJs
nodejs通过phantomjs实现下载网页
May 04 NodeJs
Nodejs初级阶段之express
Nov 23 NodeJs
3分钟快速搭建nodejs本地服务器方法运行测试html/js
Apr 01 NodeJs
nodejs后台集成ueditor富文本编辑器的实例
Jul 11 NodeJs
nodeJS模块简单用法示例
Apr 21 NodeJs
nodejs中函数的调用实例详解
Oct 31 NodeJs
Nodejs让异步变成同步的方法
Mar 02 NodeJs
nodejs log4js 使用详解
May 31 NodeJs
nodejs实现聊天机器人功能
Sep 19 NodeJs
nodejs各种姿势断点调试的方法
Jun 18 NodeJs
Nodejs实现WebSocket代码实例
May 19 #NodeJs
Nodejs文件上传、监听上传进度的代码
Mar 27 #NodeJs
nodejs如何在package.json中设置多条启动命令
Mar 16 #NodeJs
nodejs脚本centos开机启动实操方法
Mar 04 #NodeJs
nodejs制作小爬虫功能示例
Feb 24 #NodeJs
nodejs使用socket5进行代理请求的实现
Feb 21 #NodeJs
linux 下以二进制的方式安装 nodejs
Feb 12 #NodeJs
You might like
PHP+Mysql+jQuery实现动态展示信息
2011/10/08 PHP
destoon之一键登录设置
2014/06/21 PHP
php实现图片添加描边字和马赛克的方法
2014/12/10 PHP
php运行时动态创建函数的方法
2015/03/16 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
PHP二维数组分页2种实现方法解析
2020/07/09 PHP
使用javascipt---实现二分查找法
2013/04/10 Javascript
jquery easyui combox一些实用的小方法
2013/12/25 Javascript
改变隐藏的input中value值的方法
2014/03/19 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
2020/08/11 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
sencha ext js 6 快速入门(必看)
2016/06/01 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
2016/08/11 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
微信小程序自定义可滑动日历界面
2018/12/28 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
2019/09/21 Javascript
微信小程序激励式视频广告组件使用详解
2019/12/06 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
[01:30:54]《加油DOTA》 第三期
2014/08/18 DOTA
Python结巴中文分词工具使用过程中遇到的问题及解决方法
2017/04/15 Python
python 实现敏感词过滤的方法
2019/01/21 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
使用python代码进行身份证号校验的实现示例
2019/11/21 Python
python使用openCV遍历文件夹里所有视频文件并保存成图片
2020/01/14 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
2014年最新版离婚协议书范本
2014/11/25 职场文书
项目安全员岗位职责
2015/02/15 职场文书
《蟋蟀的住宅》教学反思
2016/02/17 职场文书
SQL模糊查询报:ORA-00909:参数个数无效问题的解决
2021/06/21 Oracle