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中exports与module.exports的区别详细介绍
Jan 14 NodeJs
nodejs npm install全局安装和本地安装的区别
Jun 05 NodeJs
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
Nov 20 NodeJs
Jquery通过ajax请求NodeJS返回json数据实例
Nov 08 NodeJs
nodejs中模块定义实例详解
Mar 18 NodeJs
nodejs使用express创建一个简单web应用
Mar 31 NodeJs
深入理解nodejs中Express的中间件
May 19 NodeJs
nodejs后台集成ueditor富文本编辑器的实例
Jul 11 NodeJs
windows系统下更新nodejs版本的方案
Nov 24 NodeJs
NodeJs项目中关闭ESLint的方法
Aug 09 NodeJs
nodejs实现范围请求的实现代码
Oct 12 NodeJs
PHPStorm中如何对nodejs项目进行单元测试详解
Feb 28 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数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
将时间以距今多久的形式表示,PHP,js双版本
2012/09/25 PHP
PHP批量上传图片的具体实现方法介绍.
2014/02/26 PHP
非常实用的PHP常用函数汇总
2014/12/17 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
Yii基于数组和对象的Model查询技巧实例详解
2015/12/28 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
jQuery中:selected选择器用法实例
2015/01/04 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
2015/04/21 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
如何编写jquery插件
2017/03/29 jQuery
详解如何在NodeJS项目中优雅的使用ES6
2017/04/22 NodeJs
AngularJS service之select下拉菜单效果
2017/07/28 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
详解Vue中使用Axios拦截器
2019/04/22 Javascript
了解重排与重绘
2019/05/29 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
详解小程序如何改变onLoad的执行时机
2019/11/01 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
python访问sqlserver示例
2014/02/10 Python
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
python生成器推导式用法简单示例
2019/10/08 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
美国家居用品和厨具购物网站:DealsDot
2019/10/07 全球购物
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
退伍老兵事迹材料
2014/01/31 职场文书
竞选村长演讲稿
2014/04/28 职场文书
2014全年工作总结
2014/11/27 职场文书
商务宴请邀请函范文
2015/02/02 职场文书
爱国影片观后感
2015/06/18 职场文书
使用goaccess分析nginx日志的详细方法
2021/07/09 Servers