1 环境搭建
1.1 WebStorm集成Node.js
Node.js入门学习笔记-IDE选择/配置之WebStorm(windows)
http://www.cnblogs.com/shanyou/archive/2012/08/03/2620796.html
1.1.1 1.下载前期准备
node.js下载地址
http://nodejs.org/
1.1.2 2.配置与安装
网上有资源,我就不重复了
http://www.tuicool.com/articles/UnmaAn
1.1.3 3.创建一个简单的node.js工程
3.1 安装node.js
安装刚才从官网下载的node.js的安装包后,安装的时候请按照默认路径来安装。
3.2 新建一个工程
3.3 配置node.js.exe 路径
确定路径没错后,点击升级webstorm的支持node.js的插件
3.4 添加代码到工程
代码里面填写
console.log('hello world');
3.5 正式生成一个node.js项目
3.6 配置编译环境
3.7 运行node.js工程
点击箭头执行。
2 开发使用
2.1 npm命令使用
nodejs npm常用命令
http://www.cnblogs.com/linjiqin/p/3765772.html
npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准。有了npm,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。
2.1.1 npminstall
1、npm install moduleNames:安装Node模块
安装完毕后会产生一个node_modules目录,其目录下就是安装的各个node模块。
node的安装分为全局模式和本地模式。
一般情况下会以本地模式运行,包会被安装到和你的应用程序代码的本地node_modules目录下。
在全局模式下,Node包会被安装到Node的安装目录下的node_modules下。
全局安装命令为$npm install -g moduleName。
获知使用npm set global=true来设定安装模式,npm get global可以查看当前使用的安装模式。
示例:
npm install express
默认会安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6
npm install -g
将包安装到全局环境中
但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使用的,就好像全局安装了vmarket后,就可以在命令行中直接运行vm命令
npm install --save
安装的同时,将信息写入package.json中项目路径中如果有package.json文件时,直接使用npm install方法就可以根据dependencies配置安装所有的依赖包,这样代码提交到github时,就不用提交node_modules这个文件夹了。
2.1.2 npmview
2、npm view moduleNames:查看node模块的package.json文件夹
注意事项:如果想要查看package.json文件夹下某个标签的内容,可以使用$npm view moduleName labelName
2.1.3 npmlist
3、npm list:查看当前目录下已安装的node包
注意事项:Node模块搜索是从代码执行的当前目录开始的,搜索结果取决于当前使用的目录中的node_modules下的内容。$ npm list parseable=true可以目录的形式来展现当前安装的所有node包;
5、npm view moudleName dependencies:查看包的依赖关系
6、npm view moduleName repository.url:查看包的源文件地址
7、npm view moduleName engines:查看包所依赖的Node的版本
2.1.4 npmhelp
4、npm help:查看帮助命令
8、npm help folders:查看npm使用的所有文件夹
13、一个npm包是包含了package.json的文件夹,package.json描述了这个文件夹的结构。访问npm的json文件夹的方法如下:
$ npm help json
此命令会以默认的方式打开一个网页,如果更改了默认打开程序则可能不会以网页的形式打开。
2.1.5 npmrebuild
9、npm rebuild moduleName:用于更改包内容后进行重建
2.1.6 npmoutdated
10、npm outdated:检查包是否已经过时,此命令会列出所有已经过时的包,可以及时进行包的更新
2.1.7 npmupdate
11、npm update moduleName:更新node模块
2.1.8 npmuninstall
12、npm uninstall moudleName:卸载node模块
2.1.9 npmsearch
14、发布一个npm包的时候,需要检验某个包名是否已存在
$ npm search packageName
2.1.10 npm init
15、npm init:会引导你创建一个package.json文件,包括名称、版本、作者这些信息等
2.1.11 npm root
16、npm root:查看当前包的安装路径
npm root -g:查看全局的包的安装路径
2.1.12 npm -v
17、npm -v:查看npm安装的版本
更多命令请参看npm官方文档:https://www.npmjs.org/doc/
2.2 cnmp使用(淘宝镜像地址替换)
2.2.1 cnmp安装
你可以使用我们定制的 cnpm(gzip压缩支持) 命令行工具代替默认的 npm:
$ npm install -g cnpm
--registry=https://registry.npm.taobao.org
或者你直接通过添加 npm 参数 alias 一个新命令:
alias cnpm="npm--registry=https://registry.npm.taobao.org
--cache=$HOME/.npm/.cache/cnpm
--disturl=https://npm.taobao.org/dist
--userconfig=$HOME/.cnpmrc"
# Or alias it in .bashrc or .zshrc
$ echo 'n#alias for cnpmnalias cnpm="npm--registry=https://registry.npm.taobao.org
--cache=$HOME/.npm/.cache/cnpm
--disturl=https://npm.taobao.org/dist
--userconfig=$HOME/.cnpmrc"' >>
~/.zshrc && source ~/.zshrc
2.2.2 安装模块
从 registry.npm.taobao.org安装所有模块. 当安装的时候发现安装的模块还没有同步过来, 淘宝 NPM 会自动在后台进行同步, 并且会让你从官方NPMregistry.npmjs.org进行安装. 下次你再安装这个模块的时候, 就会直接从 淘宝 NPM 安装了.
$ cnpm install [name]
2.2.3 同步模块
直接通过 sync 命令马上同步一个模块, 只有 cnpm 命令行才有此功能:
$ cnpm sync connect
当然, 你可以直接通过 web 方式来同步:/sync/connect
$ open https://npm.taobao.org/sync/connect
2.2.4 其它命令
支持 npm 除了 publish 之外的所有命令, 如:
$ cnpm info connect
3 参考链接
Node.js入门学习笔记-IDE选择/配置之WebStorm(windows)
http://www.cnblogs.com/shanyou/archive/2012/08/03/2620796.html
搭建Node.js开发IDE环境WebStrom5多图
http://blog.csdn.net/youyudehexie/article/details/8542135
学习老外用webstorm开发nodejs的技巧--代码提示DefinitelyTyped
http://my.oschina.net/klausgao/blog/380351
node通过指令创建一个package.json文件及npm安装package.json
http://blog.csdn.net/liyanhui1001/article/details/44020235
企业级Node.js Web应用解决方案设计的零零总总
http://taobaofed.org/blog/2016/04/08/node-web-framework-design/?utm_source=tuicool&utm_medium=referral
淘宝首页性能优化实践
http://taobaofed.org/blog/2016/04/05/optimize-in-tbhome/
淘宝NPM镜像
https://npm.taobao.org