Nodejs in Visual Studio Code 01.简单介绍Nodejs

1.开始

作者自己:开发人员,Asp.Net , html / js , restful , memcached , oracle ,windows , iis

目标读者:供自己以后回顾

2.我看Nodejs

一个运行时语言,可以使用javascript编写网站程序;

可以运行在windows和linux上,并且不需要iis或tomcat就能够独立运行;

写一些基于业务的API很方便,适合做项目;

据说可以处理高并发等等各种高能,但是我现在并不会;

3.安装Nodejs

  • Nodejs : https://nodejs.org
  • NPM : 安装Nodejs后,可以在CMD中使用NPM命令,主要用来安装扩展,对于C#人来说就是相当于Nuget的东西,帮你下载并应用类库。

安装Windows x64的,安装完成后检查

$ node –v
v4.4.2
$ npm -v
2.15.0

设置全局目录

  • 全局模块:node_global
  • 缓存目录:node_cache
$ npm config set prefix "D:\Libraries\Documents\nodejs\node_global"
$ npm config set cache "D:\Libraries\Documents\nodejs\node_cache"

设置环境变量

我的电脑→属性→高级→环境变量

NODE_GLOBAL :D:\Libraries\Documents\nodejs\node_global
NODE_PATH :D:\Libraries\Documents\nodejs\node_global\node_modules
PATH :%NODE_GLOBAL%

4.安装Express

  • Express: 使用Nodejs进行Web开发的组件,需要使用NPM进行安装;
  • Express-Generator:安装以后可以在CMD中使用Express命令来新建示例代码;
  • -g:将组件安装至全局,所有Nodejs项目可以不用将组件安装至本地文件夹;
  • --proxy:爬楼梯,可选参数,你懂的;
$ npm install express -g --proxy http://127.0.0.1:1080
$ npm install express-generator -g --proxy http://127.0.0.1:1080

打开项目管理目录Visual Studio Code新建一个Nodejs示例程序myapp

$ cd D:\Libraries\Documents\Visual Studio Code
$ express myapp

create : myapp
create : myapp/package.json
......

install dependencies:
> cd myapp && npm install
run the app:
> SET DEBUG=myapp:* & npm start

package.json :项目描述文件,myapp项目引用了哪些第三方组件可以在这里找到

  • name:项目名称
  • version:版本
  • scripts.start:启动文件,启动类,bin/www其实是一个启动类
{
  "name": "myapp", //项目名称
  "version": "0.0.0", //项目版本
  "private": true,
  "scripts": {
    "start": "node ./bin/www" //项目启动文件
  },
  "dependencies": {
    "body-parser": "~1.13.2",
    "cookie-parser": "~1.3.5",
    "debug": "~2.2.0",
    "express": "~4.13.1",
    "jade": "~1.11.0",
    "morgan": "~1.6.1",
    "serve-favicon": "~2.3.0"
  }
}

安装依赖组件,package.json里面的依赖组件如果不安装则无法启动项目,安装完成后myapp\node_modules下将多了很多文件,作用和DLL差不多

$ cd D:\Libraries\Documents\Visual Studio Code\myapp
$ npm install

[email protected] node_modules\debug
└── [email protected]

[email protected] node_modules\serve-favicon
├── [email protected]
...

程序可以运行了。

$ npm start
> [email protected] start d:\Libraries\Documents\Visual Studio Code\myapp
> node ./bin/www

打开Visual Studio Code,打开myapp目录,点F5,选择node.js环境调试应用

				
时间: 2024-08-25 17:45:24

Nodejs in Visual Studio Code 01.简单介绍Nodejs的相关文章

Nodejs in Visual Studio Code 10.IISNode

1.开始 Nodejs in Visual Studio Code 08.IIS : http://www.cnblogs.com/mengkzhaoyun/p/5410185.html 参考此篇内容,部署一个iisnode示例 2.将Node.js Express框架示例程序部署在IISNode中  创建一个Express示例程序 $ cd D:\Libraries\Documents\Visual Studio Code $ express myapp create : myapp crea

Nodejs in Visual Studio Code 04.Swig模版

1.开始 设置Node_Global:npm config set prefix "C:\Program Files\nodejs" Express组件:npm install express -g(全局安装) Express-Generator:npm install express-generator -g(全局安装) 如果没有设置global可能导致express命令在cmd里面无法执行 我接触过3个模版jade,ejs,swig,最后选择了swig jade :是express

Nodejs in Visual Studio Code 07.学习Oracle

1.开始 Node.js:https://nodejs.org OracleDB: https://github.com/oracle/node-oracledb/blob/master/INSTALL.md#instwin  https://github.com/oracle/node-oracledb/blob/master/doc/api.md#resultsethandling 2.OracleDB安装 Python 2.7 下载安装即可,略 C Compiler with suppor

Nodejs in Visual Studio Code 11.前端工程优化

1.开始 随着互联网技术的发展,企业应用里到处都是B/S设计,我有幸经历了很多项目有Asp.Net的,有Html/js的,有Silverlight的,有Flex的.很遗憾这些项目很少关注前端优化的问题,而将所有的100%的对性能关注集中于业务设计.第三方平台.数据库等方面,然而我想说只要拿出1%的精力,做一些前端优化的工作,也可以极大提升系统访问效率. 我见过一些项目加载html,js,css,xap等静态资源用了1~2秒,核心服务2~3秒,最后呕心沥血半个月仅能将核心服务优化0.5S,互联网早

Nodejs in Visual Studio Code 06.新建Module

1.开始 Node.js:https://nodejs.org 2.Moudle js编程中,由于大家可以直接在全局作用域中编写代码,使开发人员可以很容易的新建一个全局变量或这全局模块,这些全局变量或全局模块在工程化的开发中,极易互相冲突,同时也很难搞清楚它们之间互相的依赖关系.Node.js采用CommonJS规范来定义模块与使用模块,提供了required和module.exports来解决这个问题. required()方法,通过required方法将其他模块引用到当前作用域内. modu

Nodejs in Visual Studio Code 03.学习Express

1.开始 下载源码:https://github.com/sayar/NodeMVA Express组件:npm install express -g(全局安装) 2.ExpressRest 打开目录08_ExpressREST app.js var express = require('express'); var app = express(); //捕获GET方法,并处理返回一个Json,比C#写Json简单多了啊 app.get('/', function (req, res) { re

Nodejs in Visual Studio Code 08.企业网与CNPM

1.开始 CNPM : https://npm.taobao.org/ 2.企业网HTTP代理上网 平时办公在一个大企业网(10.*.*.*)中,使用HTTP代理上网,发现npm命令无法执行. 解决方案如下: 1.安装并设置好Proxifier,https://www.proxifier.com Proxifier有效解决了node.exe不会找浏览器中设置的代理作为默认代理来执行的尴尬悲剧. 2.安装Shadowsocks,买个VPS,装个服务端,碰到NPM抽风的时候使用--proxy htt

Nodejs in Visual Studio Code 13.构建单页应用Scrat示例挖一挖

1.开始 Scrat作者说要搞个很碉堡的示例,果然就搞出来了,如果要学习并使用Scrat,可以从官方示例开始,简直太方便了. 2.Scrat示例 目录 component_modules : 公共组件 components : 系统级组件 server : 一些服务,不用管 views : Scrat.js,Index.html等Scrat框架内容 component.json : Scrat生态组件配置文件  fis-conf.js : FIS配置文件 package.json : Node配

Visual Studio Code Insiders1.36.0中文版

Visual Studio Code mac 中文版是mac上一款跨平台轻量级代码编辑器,该编辑器也集成了所有一款现代编辑器所应该具备的特性,支持语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT 等特性,而且Visual Studio Code mac针对网页开发和云端应用开发做了优化. Visual Studio Code Insiders Mac版中文设置教程: 打开Visual Studio Code Mac版,点击[1.图标],然后在2.搜索栏里输入[c