用sublime text3 运行js
在使用sublime text3时候我们需要运行js代码,但对于许多新手来说会忽略很多,下面我总结了一下。
检查是否安装node
首先打开cmd,输入node -v ,检查node是否安装
win+R 输入cmd
由于我安装的位置是D盘,因此先进入再输入node -v(之间有空格)
有些伙伴下载的node没有npm,因此我们再输入npm -v(之间有空格)检查一下
上述就说明已经安装了node,如果输入没有出现版本号,显示该未知命令,则是环境变量未配置或者未下载node,下面讲如何配置环境变量
右键电脑,点击属性,点击高级系统设置
点击环境变量
双击系统变量中的Path,找到下载的node的位置,node的文件如下图,复制文件夹的地址,新建,粘贴,确定即可
重复cmd操作,检查是否配置成功。
sublime中下载nodejs
在首选项中点击Package Control 或者Alt+N 后点击
单击Install Package,等一下下,就会出现插件的安装
输入nodejs,选择第一个(由于我已经安装了不会出现,不再演示)
或者从GitHub直接下载插件zip
https://github.com/tanepiper/SublimeText-Nodejs
在sublime中浏览插件目录
新建一个文件夹命名为Nodejs,然后把压缩包内的文件全部复制过来
再要修改2个文件
用记事本打开第一个和第三个文件
第一个Nodejs.sublime-build
直接删除里面内容,将下面复制过去
如果encoding不是utf8可能出现中文乱码的现象
{
"cmd": ["node", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.js",
"shell":true,
"encoding": "utf8",
"windows":
{
"cmd": ["node", "$file"]
},
"linux":
{
"cmd": ["killall node; node $file"]
},
"osx":
{
"cmd": ["killall node; node $file"]
}
}
第三个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": "D:\\node.exe" ,
// Same for NPM command
"npm_command": "D:\\npm.cmd",
// as 'NODE_PATH' environment variable for node runtime
"node_path": false,
"expert_mode": false,
"ouput_to_new_tab": false
}
下图就是node.exe和npm.cmd的地址,自己安装在哪就写哪儿,不要忘记转义符\
上述配置完成,保持关闭,重启sublime,输入最简单的代码我们测试一下
console.log("你好")
Ctrl +B 运行代码,如下图
成功!