个人笔记
blog.webpress.top

Win10下Sublime Text Nodejs环境配置

今天为了使用Sublime的一个神奇的插件不得不为Sublime配置Nodejs环境,为了防止自己遗忘也为了方便大家,特意出此教程。至于插件号称能删除未使用的js函数精简代码,插件究竟有多神奇?挖个坑,下次想起再补上。
环境:win10 Sublime Text3 测试成功
为了避免不必要的麻烦,一切安装均使用默认路径

1.下载Nodejs安装文件,nodejs下载,一路继续其他不用管,直至提示Finsh。

2.打开cmd输入 node -v 打印出版本号即为成功。(新版的nodejs已经集成了npm,不需另外安装)

3.配置Sublime Text3,打开SublimeText-Nodejs下载ZIP压缩包,解压后重命名为Nodejs,复制到
C:\Users\27441\AppData\Roaming\Sublime Text 3\Packages
默认路径为这个

4.重启Sublime Text3,打开Preferences–>Package Setting–>Nodejs–>Default

将配置修改为:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
  // 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,

  "output_to_new_tab": false
}

如图:

5.打开打开 %APPDATA%/Sublime Text 3/Packages/Nodejs/ 找到 Nodejs.sublime-build 黏贴一下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
  "cmd": ["C:\\Program Files\\nodejs\\node.exe", "$file"],
  "file_regex": "^[ ]*File "(...*?)", line ([0-9]*)",
  "selector": "source.js",
  "shell": true,
  "encoding": "utf8",
  "windows":
    {
        "cmd": ["C:\\Program Files\\nodejs\\node.exe","$file"]
    },
    "linux":
    {
        "cmd": "killall node; /usr/bin/env node $file"
    },
    "osx":
    {
        "cmd": "killall node; /usr/bin/env node $file"
    }
}

默认路径的直接使用我这个即可,特别注意”shell_cmd”要改为“cmd”,我几次不成功就是忽略了这个

6.新建文档test.js,

1
在里面写上console.log("hello");

,输入快捷键ctrl + b,如果控制台输出“hello”,则已经配置成功

搞定!

轻松成功的请不要忘了给我打赏,谢谢!

赞赏

微信赞赏支付宝赞赏

未经允许不得转载:http://blog.webpress.top        WebPress » Win10下Sublime Text Nodejs环境配置
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址