【Nodejs】【node.js 安装 和 配置Sublime Text的Node.js】
【一】 【安装nodejs】
第一步:下载安装文件:
https://nodejs.org/en/download/
第二步:安装nodejs
下载完成之后,双击"node-v6.10.1-x64.msi",开始安装nodejs,自定义安装在G:\app\node.js\install。
在cmd控制台输入:node -v,控制台将打印出:v6.10.1,出现版本提示表示安装成功。该引导步骤会将node.exe
文件安装到G:\app\node.js\install目录下,并将该目录添加进PATH环境变量。
第三步:npm安装
由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来
测试是否成功安装。如下图,出现版本提示表示安装成功。
第四步:安装相关环境(可选,可以以后自己需要了在安装。)
npm install express -g
npm install mysql -g
默认情况下上述组件都是安装在G:\app\node.js\install\node_modules文件夹下,这也是nodejs相关组件的自动
查找路径。
(备注:所有命令都是-g进行全局安装的,这样安装的安装包都在当前用户下,在磁盘的所有其他地方都可以访问到,
比较方便。否则安装在当前目录下,只能在当前目录下使用)
对,现在基本的配置就已经完成了!!现在开始配置Sublime Text的Node.js
【二】【配置Sublime Text的Node.js】
1 下载 Sublime Text
2 下载Nodejs插件,下载ZIP包
https://github.com/tanepiper/SublimeText-Nodejs
3 解压ZIP,重命名为Nodejs
4 将Nodejs复制到 sublime 的packages 的目录下
5 重启Sublime Text ->Tools-->Build System -->Nodejs
6 配置nodejs的path Preferences-->Package Setting-->Nodejs-->Default,附我的配置如下
(也就是配置 Nodejs.sublime-settings 文件)
要把 node_command 和 npm_command 分别配置成安装node的exe文件的绝对路径。
{
// 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": "G:\app\node.js\install\node.exe",
// Same for NPM command
"npm_command": "G:\app\node.js\install\npm.cmd",
// as 'NODE_PATH' environment variable for node runtime
"node_path": false,
"expert_mode": false,
"ouput_to_new_tab": false
}
6.配置nodejs的Nodejs.sublime-build 代码如下:
同样,要修改cmd 和 windows 下的cmd 以及encoding
{
"cmd": ["G:\app\node.js\install\node.exe", "$file"],
"file_regex": "^[ ]File "(...?)", line ([0-9]*)",
"selector": "source.js",
"shell":true,
"encoding": "utf8",
"windows":
{
"cmd": ["G:\app\node.js\install\node.exe","$file"]
},
"linux":
{
"cmd": ["killall node; node $file"]
},
"osx":
{
"cmd": ["killall node; node $file"]
}
}
现在配置好配置Sublime Text的Node.js开发环境了。我们在编辑器创建一个js 文件,ALT+R运行或在 Tools->nodejs -> run
就可以运行了。(注意:我的是ALT+R,因为我的CTRL+B设置成了打开浏览器,具体的可以在Tools->nodejs -> run看
【三】【调试 nodejs+Sublime text3】
安装好nodejs和Sublime text3,
进入Sublime text2,Tools –> Build System –> new Build System… ,
文件名JavaScript.sublime-build,复制下面的内容:
{
"cmd": ["/usr/local/bin/node", "$file"],
"file_regex": "^[ ]File "(...?)", line ([0-9]*)",
"selector": "source.javascript"
}
注意上面的“/usr/local/bin/node”替换成你系统中的nodejs路径,可以使用命令:
$:which node
得到你的路径.
重新启动 Sublime Text 2. 勾选菜单 Tools –> Build System –> JavaScript
可以使用 command + b 来执行JavaScript 程序.
【Nodejs】【node.js 安装 和 配置Sublime Text的Node.js】的更多相关文章
- node.js 安装 和 配置Sublime Text的Node.js
安装node.js 第一步:下载安装文件: https://nodejs.org/en/download/ 第二步:安装nodejs 下载完成之后,双击"node-v6.10.1-x64.m ...
- 详细说明 配置 Sublime Text 开发node.js(windows)包括sub2和sub3的区别
1.先安装Sublime Text 2或者3皆可 2.下载 sublime Text 的nodejs插件 得到那个zip包(后面会介绍用Package Control安装) 3.下载后解压 直接改名 ...
- 配置 Sublime Text 用 Node.js 执行 JavaScript 程序
1. 首先到 nodejs.org 下载 Node.js 安装包并安装. 2. 打开 Sublime Text 2 编辑器.选择菜单 Tools --> Build System --> ...
- Ubuntu 16.04安装和配置Sublime Text 3
1.安装Sublime Text 3 首先添加sublime text 3的仓库: sudo add-apt-repository ppa:webupd8team/sublime-text-3 根据提 ...
- Ubuntu12.04安装并配置Sublime Text 2
Ubuntu是个好系统,Sublime Text 是个好编辑器. 下载&安装 个人习惯喜欢到官网下载软件,http://www.sublimetext.com/2 选择合适的包下载回来的格式是 ...
- node.js安装和配置(windows系统)
node.js安装和配置(windows系统) node javasript vscode node是javascript的管理工具,所以开发javasript项目都要下载安装和配置node. 传送 ...
- 配置sublime text 前端环境
SublimeLinter是Sublime的一个代码检测工具插件.安装前台是配置好node环境 1,在sublime text安装 SublimeLinter 按下 Ctrl+Shift+p 进入 C ...
- 配置Sublime Text 3的Python开发环境
最近的项目是用Python开发自动化测试脚本的,所以使用Python比较多.我用的编辑器是Sublime Text3. Sublime Text 3是一个轻量级的跨平台文字编辑器,一经面世便被认为是一 ...
- 配置 Sublime Text 3 作为Python R LaTeX Markdown IDE
配置 Sublime Text 3 作为Python R LaTeX Markdown IDE 配置 Sublime Text 3 作为Python IDE IDE的基本功能:代码提醒.补全:编译文件 ...
随机推荐
- 剑指offer——python【第54题】字符流中第一个不重复的字符
题目描述 请实现一个函数用来找出字符流中第一个只出现一次的字符.例如,当从字符流中只读出前两个字符"go"时,第一个只出现一次的字符是"g".当从该字符流中读出 ...
- Java代码一行一行读取txt的内容
public static void main(String[] args) { // 文件夹路径 String path = "E:\\eclipse work\\ImageUtil\\s ...
- Elegance and familiarity are orthogonal.
作者:xiaodan zhuang链接:https://www.zhihu.com/question/21446061/answer/18421931 1.Clojure能够吸引人的很重要一点是它是J ...
- nginx cookie 丢失问题
- safari手机浏览器的width:100%的自适应问题
Tips: 调试 iPad 或 iPhone 可在设置中启动调试模式,在 Mac 中的 Safari 浏览器 同样开启开发者模式后,进行联机调试.功能彪悍. 最近在做一个页面时,发现在 iPad 的 ...
- 设置mac笔记本为固定ip
第一步.点击Mac桌面“系统偏好设置”图标 第二步.在打开的系统偏好设置界面,点击互联网和无线选项中的“网络” 第三步.在网络界面,点击“高级”,进入高级设置. 第四步.在以太网设置界面,在TCP/ ...
- 使用Typescript写的Vue初学者Hello World实例(实现按需加载、跨域调试、await/async)
万事开头难,一个好的Hello World程序可以节省我们好多的学习时间,帮助我们快速入门.Hello World程序之所以是入门必读必会,就是因为其代码量少,简单易懂.但我觉得,还应该做到功能丰富, ...
- angularjs 的ng-disabled属性操作
ng-readonly:不可用,但是可以提交数据 ng-disabled: 属性是控制标签是否可用(不可用且无法传值) 表达式控制: <input class="col-md-2 fo ...
- nginx配置详细解析
转自 http://blog.csdn.net/zhongguozhichuang/article/details/528168871.静态HTTP服务器 首先,Nginx是一个HTTP服务器,可以将 ...
- 浅谈react的初步试用
现在最热门的前端框架,毫无疑问是 React . 上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑. React 起源于 Face ...