[Node.js]配置Sublime Text 3的开发环境[Ctrl+b无反应及关闭Node.js服务问题]

>安装Sublime Text 3及Packge Control

前篇里已经写过了,不再赘述。

备份过一个之前版本的ST3:https://download.csdn.net/download/shenpibaipao/10398725

>Node.js安装

官网直接下载,看系统安装,Window系统默认情况下会把环境变量自动配好:https://nodejs.org/en/download/

Windows情况下,Win+R键入cmd打开控制台,输入path可以看到安装目录已经在环境变量中;键入node --version可以查看其版本信息。

>Sublime Text 3配置

Ctrl+Shift+P,打开packge control:install packge,安装JavaScript & NodeJS Snippets.sublime-package。如果安装成功,在Preferences-Packge Settings可以看到Nodejs菜单。

如果安装失败后或软件无反应,可以到https://github.com/tanepiper/SublimeText-Nodejs,点选[Clone or download],把下载下来的zip文件里的SublimeText-Nodejs-master文件夹解压到$\Sublime Text 3\Packages(打开Sublime Text 3-Preferences-Browse Packges...),并改文件夹名为Nodejs。

接下来,修改基本配置:Preferences-Packge Settings-Nodejs-SettingsUser,根据之前对Node.js的安装,修改下面二项:

  "node_command": "你的node.exe地址",//例如D:\\nodejs\\node.exe
  "npm_command": "你的nmp.cmd地址",//例如D:\\nodejs\\npm.cmd

然后,打开Sublime Text 3-Preferences-Browse Packges...,打开Nodejs文件夹,修改Nodejs.sublime-build文件:

"encoding": "utf8",

把编码方式改为UTF-8。

现在,返回Sublime Text3 ,Ctrl+N创建一个文件,键入以下内容,并Ctrl+s保存为一个xxxxx.js文件:

var http = require('http');

http.createServer(function (request, response) {
    response.writeHead(200, {'Content-Type': 'text/plain'});
    response.end('Hello World\n');
}).listen(8888);

console.log('Server running at http://127.0.0.1:8888/');

Ctrl+b,或者Tools-Build激活控制台,运行。访问http://127.0.0.1:8888/,可以看到服务器成功运行。

>Ctrl+b没有反应

Windows系统,在以上步骤没有错误的情况下,并且确认环境变量配置正确,再次打开Nodejs.sublime-build,修改:

"shell_cmd": ["taskkill /F /IM node.exe & node $file"]

将其改为:(千万不能改为"cmd":["node","$file"]!!)

"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]

现在再次Ctrl+b应该没问题了。

>Node.js服务的关闭

如果使用cmd运行node xxx,直接使用Ctrl+C撤回指令终结程序就行;但如果使用Sublime Text 3利用Ctrl+b启用Node.js服务,点击Tools-Cancel Build即可。

>单页面应用的构建

比较推荐的是Vue+Vuex+Vue-router+iView+Node.js,方便快捷,当然混用Bootstrap+jQuery甚至Bootstrap-vue也是可以的选项。

猜你喜欢

转载自blog.csdn.net/Shenpibaipao/article/details/81274497