>安装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也是可以的选项。