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实现的一个简单聊天室功能分享
Dec 06 NodeJs
详解nodejs微信公众号开发——2.自动回复
Apr 10 NodeJs
详解Windows下安装Nodejs步骤
May 18 NodeJs
nodejs中sleep功能实现暂停几秒的方法
Jul 12 NodeJs
nodejs调取微信收货地址的方法
Dec 20 NodeJs
nodejs简单实现TCP服务器端和客户端的聊天功能示例
Jan 04 NodeJs
详解Nodejs内存治理
May 13 NodeJs
基于Nodejs的Tcp封包和解包的理解
Sep 19 NodeJs
nodejs图片处理工具gm用法小结
Dec 12 NodeJs
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
May 30 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
Terran建筑一览
2020/03/14 星际争霸
php中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
php中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
javascript 手动给表增加数据的小例子
2013/07/10 Javascript
js下拉框二级关联菜单效果代码具体实现
2013/08/03 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
2015/09/17 Javascript
使用jQuery给input标签设置默认值
2016/06/20 Javascript
Javascript获取随机数的实现方法
2016/06/22 Javascript
浅谈EasyUI常用控件的禁用方法
2016/11/09 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
2018/08/12 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
2018/09/13 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
使用原生JS实现滚轮翻页效果的示例代码
2020/05/31 Javascript
JavaScript arguments.callee作用及替换方案详解
2020/09/02 Javascript
nuxt 每个页面head标签内容设置方式
2020/11/05 Javascript
重命名批处理python脚本
2013/04/05 Python
Python的类实例属性访问规则探讨
2015/01/30 Python
python smtplib模块发送SSL/TLS安全邮件实例
2015/04/08 Python
Python实现类似jQuery使用中的链式调用的示例
2016/06/16 Python
Python进阶_关于命名空间与作用域(详解)
2017/05/29 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
python实现简单井字棋游戏
2020/03/04 Python
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
百度吧主申请感言
2014/01/12 职场文书
《最后的姿势》教学反思
2014/02/27 职场文书
道德模范事迹材料
2014/12/20 职场文书
企业法律事务工作总结
2015/08/11 职场文书
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫