Ubuntu下Node.js开发起步之旅
因为忙其它的事,把Node.js的学习放下了快两个月了,世事变化还真快,发现很多东东都改变了,express已经升级到4.x了,变化还不小!
我原来的学习过程是在VirtualBox中安装Ubuntu.12.04amd64,心血来潮,想换成Ubuntu.14.04amd64,发现装不上,转念一想,是不是VirtualBox该升级了!把VirtaulBox升级到最新4.3.12 r93733还真可以了,呵呵!
下面把环境的建立过程,以及相关问题记录如下:
1、建立虚拟目录,把win7下的目录映射到Ubuntu中,因为相关软件都是在win7下下载的!使用命令 mount -t vboxsf UbtShare /mnt/UbtShare
2、安装node,我是下载的二进制包,直接解压到主目录,更名为node,然后建立软链接: ln -s /home/zhoutk/node/bin/node /usr/bin/node;同样建立npm的软链接:ln -s /home/zhoutk/node/bin/npm /usr/bin/npm。
这有个小问题,虽然npm可以执行了,但其相应的配置文件还未建立,这时使用命令 npm config edit时会出错,解决方法,可以使用下面命令在修改镜像服务器源的同时生成配置文件: npm config set registry http://registry.cnpmjs.org,可用命令 npm info underscore 进行验证。
3、我使用webstorm编辑器,这使用了java,因此需要安装jdk。两个月前,我用的是webstorm 7,只需要修改~/.profile就可以了。现在我用的是webstorm 8,竟然一直提示我找不到jdk!郁闷,不断google,不断试验后发现,需要把 /etc/environment也做相应的修改才行,修改如下:
PATH=“……:/usr/lib/jvm/jdk1.7.0_60/bin” CLASSPATH=.:/usr/lib/jvm/jdk1.7.0_60/lib
JAVA_HOME=/usr/lib/jvm/jdk1.7.0_60
4、安装express:因为express 4.x已经把命令行工具分离了出来,因此只需要全局安装这个工具: npm install -g express-generator
就可以使用 express -e blog来建立工程了,-e参数是指使用ejs引擎,呵呵,这个参数也变了! 几个npm命令: npm -d install (安装包检查) npm udate(更新,可用来进行修复安装包) npm start (项目启动,不再是node app)
5、使用webstorm时,同时在ubuntu与win7_64下不断试验,ubuntu下webstorm会菜单中会有中文乱码,解决方法如下:File->settings->appearance下UI Options,勾选Override default fonts by ... 我选Wen Quan Yi Micro Hei 。即这个问题是因为默认字体不支持中文的原因造成的。
6.我使用的ejs模板,对javascript文件的引用必须这个写:<script src=""></script>;不能简化成<script src="" />,这个问题把我折腾得好苦。
7.webstorm对express的智能提示有问题,这样解决:File->settings->javascript->Libraries 下点击 download按钮,选TypeScript community stubs,在选择中可以找到express。或者直接到 https://github.com/borisyankov/DefinitelyTyped 去下类型定义文件。
8.同一个页面内的所有操作,都交由angular掌控,进行页面跳转,需在express(res.redirect)中与angular($window.location='/';)中都要写上才能正常;这我也是试了好久才确定的。
9.angular的版本区别:1.0到1.2要注意,angular把ngRoute单独出来了,现在网上的源代码大都是基于1.0.*的,若你在用最新的angular进行学习,很多时候出错是因为这个原因。如何解决,自己上官网去看升级办法,很简单。
好了,就记得这么多了,要是能想起,过后再补。
Ubuntu下Node.js开发起步之旅的更多相关文章
- Windows下Node.js开发环境搭建-合适的开发环境
1)生产环境中的Node.js应用 Windows + Linus 2)虚拟机工具 VirtualBox 虚拟机CentOS安装 3)xShell与xFtp(windows到linux文件传输) 4) ...
- ubuntu下Node.js环境搭建
Node.js是一个能够在服务器端运行JavaScript的开放源代码.跨平台JavaScript运行环境.Node.js由Node.js基金会持有和维护,并与Linux基金会有合作关系.Node.j ...
- ubuntu下node.js 环境搭建
由于使用gulp.js来对前端项目进行管理,所以搭建了node.js的环境 首先, 需要安装node, npm 去官网下载安装包,解压后放到你的安装的目录.在这里我的是/opt/node-v6.11. ...
- Windows下Node.js开发环境搭建
1.http://nodejs.org/下载node.js运行环境安装 2.打开DOS命令行 .安装express框架 1 >npm install express 末尾显示如下为安装成功 .安 ...
- Windows 下Node.js开发环境配置
第一步:安装VirtualBox(以管理员身份安装) 1.安装完成后,打开VirtualBox,点击“新建”按钮,输入信息,“下一步”(名称可任意) 2.设置内存为1024MB,“下一步”—>“ ...
- Windows 下 Node.js 开发环境搭建
1.利用CentOS Linux系统自带的yum命令安装.升级所需的程序库: sudo -s LANG=C yum -y install gcc gcc-c++ autoconf libjpeg li ...
- 《Node.js入门》CentOS 6.5下Node.js Web开发环境搭建笔记
近期想尝试一下英特尔的基于WebRTC协同通信开发套件,所以须要在本地搭建Node.js Web的开发測试环境. 这里讲的是CentOS 下的搭建方法.使用Windows的小伙伴请參考: <No ...
- mac下配置Node.js开发环境、express安装、创建项目
mac下配置Node.js开发环境.express安装.创建项目 一.node.js的安装 去官网下载对应的平台版本就可以了,https://nodejs.org 二.express安装 sudo n ...
- 快速搭建 Node.js 开发环境以及加速 npm
如何快速搭建 node 开发环境 npm 超慢 github 无法打开的问题 于是我觉得应该写一篇文章解答所有这些起步问题,让新同学也能顺顺利利入门. 快速搭建 Node.js 开发环境 如果你想长期 ...
随机推荐
- Codeforces 938.C Constructing Tests
C. Constructing Tests time limit per test 1 second memory limit per test 256 megabytes input standar ...
- python析构函数
class Test(object): def __init__(self, name): self.name = name print('这是构造函数') def say_hi(self): p ...
- C#获取用户基本信息一(关注了公众号的用户)
一.获取Code 假设我们需要网页授权的页面的地址为redirect_uri 需要获取Code的话我们第一步是跳转到授权地址,我们第一步便是获取拼接授权地址 --采用snsapi_base方式 pu ...
- jQuery常用插件大全
1.五星级插件jRating 详细文档介绍:http://www.myjqueryplugins.com/jquery-plugin/jrating 2.图片展示插件Swiper和Slider swi ...
- c# 重载运算符(ovveride operator)踩坑记,关于null比对
场景描述: 需要比对两个版本的对应对象是否完全一致(每个属性值一致),不一致的导出报表颜色标识,以便提醒后续使用报表人员. 实现思路: 对象重载ToString方法,另实现一比对基类(为了通用)重载= ...
- k8s+docker学习连接汇总
http://guide.daocloud.io/dcs/docker-9153982.html http://www.dczou.com/viemall/802.html https://wangl ...
- CSS基础复习
重新撸一遍CSS的基础,因为以前面试的时候被问到,突然发现某些概念搞不清楚,瞬间懵逼了,其实我都知道的,就是因为不会炒概念,导致面试官觉得我很low,你特么连这个都不知道还敢来面试,回家种田去好嘛! ...
- Css Sprite 图片等比缩放图片大小
图片大小80*40,即每张图片大小40*40,如何以20*20显示图片?1. 首先看下如何以40*40显示第二张图片: 正常显示css代码 .sprite { background-image: ur ...
- .Net公用代码
创建txt文本文件 #region 创建txt文本文件 /// <summary> /// 创建txt文本文件 /// </summary> /// <param nam ...
- ASP.Net Cache(缓存)—ASP.NET细枝末节(2)
概述 1.意义 把数据放到Cache中,在指定的时间内,可以直接从Cache中获取,避免对数据库等的压力. 2.做法 设置: HttpRuntime.Cache.Insert(CacheKey, ob ...