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的前后端分离的思考与实践(五)多终端适配
Sep 26 NodeJs
轻松创建nodejs服务器(2):nodejs服务器的构成分析
Dec 18 NodeJs
nodejs简单实现中英文翻译
May 04 NodeJs
Nodejs中的this详解
Mar 26 NodeJs
详解Nodejs的timers模块
Dec 22 NodeJs
nodejs实例解析(输出hello world)
Jan 03 NodeJs
nodejs处理图片的中间件node-images详解
May 08 NodeJs
NodeJS创建最简单的HTTP服务器
May 15 NodeJs
基于nodejs 的多页面爬虫实例代码
May 31 NodeJs
Nodejs+express+ejs简单使用实例代码
Sep 18 NodeJs
nodejs结合Socket.IO实现的即时通讯功能详解
Jan 12 NodeJs
深入理解NodeJS 多进程和集群
Oct 17 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实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
php开启与关闭错误提示适用于没有修改php.ini的权限
2014/10/16 PHP
学习php设计模式 php实现访问者模式(Visitor)
2015/12/07 PHP
php实现解析xml并生成sql语句的方法
2018/02/03 PHP
JS版网站风格切换实例代码
2008/10/06 Javascript
javascript TextArea动态显示剩余字符
2008/10/22 Javascript
Javascript 汉字字节判断
2009/08/01 Javascript
Node.js的特点和应用场景介绍
2014/11/04 Javascript
浅谈Javascript 数组与字典
2015/01/29 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
2016/02/17 Javascript
HTML5+jQuery实现搜索智能匹配功能
2017/03/24 jQuery
详解node.js 下载图片的 2 种方式
2018/03/02 Javascript
解决Mac node版本升级失败的问题
2018/05/16 Javascript
小程序实现新用户判断并跳转激活的方法
2019/05/20 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
Nodejs实现微信分账的示例代码
2021/01/19 NodeJs
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
简化Python的Django框架代码的一些示例
2015/04/20 Python
Python单例模式实例详解
2017/03/01 Python
JSON Web Tokens的实现原理
2017/04/02 Python
python读取文本中的坐标方法
2018/10/14 Python
Pyqt5如何让QMessageBox按钮显示中文示例代码
2019/04/11 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
Python: tkinter窗口屏幕居中,设置窗口最大,最小尺寸实例
2020/03/04 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
英国高街电视:High Street TV
2018/05/22 全球购物
表彰先进的通报
2014/01/31 职场文书
关于环保的建议书400字
2014/03/12 职场文书
医学求职信
2014/05/28 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
2015-2016年小学教导工作总结
2015/07/21 职场文书
学生会部长竞选稿
2015/11/19 职场文书
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python