学习这个也是因为要用ionic做移动应用,不采用原生态的Android组件,而采用html+angularjs来做界面。
现记录下过程:
1.下载nodejs。http://nodejs.org/download/ 安装。安装成功后,在“命令提示符中”输入:node -v 查看安装版本,输出版本即安装成功
2.开发工具
有几个可供选择 Webstorm,Sublime。我选择的是后者。
下载地址: http://www.sublimetext.com/
3:环境配置:下面这段我就不写了,借鉴下。http://blog.csdn.net/sanpo/article/details/8781664
1 下载 Sublime Text 2
http://www.sublimetext.com/
2 下载Nodejs插件,下载ZIP包
https://github.com/tanepiper/SublimeText-Nodejs
3 解压ZIP,重命名为Nodejs
4 将Nodejs复制到C:\Users\Administrator\AppData\Roaming\Sublime Text 2\Packages目录下
5 重启Sublime Text 2 ->Tools-->Build System -->Nodejs
6 配置nodejs的path Preferences-->Package Setting-->Nodejs-->Default,附我的配置如下
{
// 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:\\tools\\nodejs\\node.exe",
// Same for NPM command
"npm_command": "D:\\tools\\nodejs\\npm.cmd",
"expert_mode": true,
"ouput_to_new_tab": false
}
7 C:\Users\Administrator\AppData\Roaming\Sublime Text 2\Packages\nodejs\Nodejs.sublime-build进行修改,附我修改内容如下:
{
"cmd": ["D:\\tools\\nodejs\\node.exe", "-p", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.js",
"shell":true,
"encoding": "GB2312",
"windows":
{
"cmd": ["D:\\tools\\nodejs\\node.exe", "$file"]
},
"linux":
{
"cmd": ["killall node; node", "$file"]
}
}
8。安装Package Control;运行Sublime,按下快捷键Ctrl + `;在控制台中输入如下并回车;
import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
9:安装完成后重新启动Sublime,按下快捷键Ctrl + Shift + P; 输入install,选择Install Package并回车
新建test.js文件,输入 console.log('Hello World!'); 按快捷键 Ctrl + B 运行,成功输出! 如下图
大功告成!
借鉴出处:http://www.jb51.net/article/50260.htm