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服务器(1):一个简单nodejs服务器例子
Dec 18 NodeJs
详解nodejs爬虫程序解决gbk等中文编码问题
Apr 06 NodeJs
NodeJS链接MySql数据库的操作方法
Jun 27 NodeJs
深入解析nodejs HTTP服务
Jul 25 NodeJs
nodejs 简单实现动态html的方法
May 12 NodeJs
Nodejs 发布自己的npm包并制作成命令行工具的实例讲解
May 15 NodeJs
NodeJS 实现多语言的示例代码
Sep 11 NodeJs
nodejs中express入门和基础知识点学习
Sep 13 NodeJs
深入理解NodeJS 多进程和集群
Oct 17 NodeJs
手把手教你如何使用nodejs编写cli命令行
Nov 05 NodeJs
在NodeJs中使用node-schedule增加定时器任务的方法
Jun 08 NodeJs
浅谈使用nodejs搭建web服务器的过程
Jul 20 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 清除网页病毒的方法
2008/12/05 PHP
php ajax 静态分页过程形式
2011/09/02 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
ASP SQL防注入的方法
2008/12/25 Javascript
网站内容禁止复制和粘贴、另存为的js代码
2014/02/26 Javascript
推荐9款炫酷的基于jquery的页面特效
2014/12/07 Javascript
NodeJS制作爬虫全过程
2014/12/22 NodeJs
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
每天一篇javascript学习小结(Array数组)
2015/11/11 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
微信小程序开发经验总结(推荐)
2017/01/11 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
2021/02/18 Vue.js
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
Python中单例模式总结
2018/02/20 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
Python中安装easy_install的方法
2018/11/18 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
通过实例简单了解python yield使用方法
2020/08/06 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
前后端结合实现amazeUI分页效果
2020/08/21 HTML / CSS
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
留学生如何写好自荐信
2013/12/27 职场文书
运动会领导邀请函
2014/02/05 职场文书
公司任命书模板
2014/06/06 职场文书
化工专业自荐书
2014/06/16 职场文书
社区服务标语
2014/07/01 职场文书
事业单位个人总结
2015/02/12 职场文书
2015年依法行政工作总结
2015/04/29 职场文书
总经理致辞
2015/07/29 职场文书
MongoDB balancer的使用详解
2021/04/30 MongoDB
Anaconda配置各版本Pytorch的实现
2021/08/07 Python
Mybatis 一级缓存和二级缓存原理区别
2022/09/23 Java/Android