Win10 下 Nodejs+Angular2+bootstrap4 开发环境搭建

时间:2022-03-10 08:03:53

1,下载安装包并安装

https://nodejs.org/en/download/

2,查看node和npm的版本信息

node -v

npm -v

 

3,查看和更新包安装路径

--查看 

npm config get prefix

npm config get cache

--更新

npm config set prefix"E:\nodejs-repository\npm_global"

npm config set cache "E:\nodejs-repository\npm_cache"

修改环境变量PATH和NODE_PATH(可选,以分号分割的绝对路径)

--修改PATH,对应项改为:E:\nodejs-repository\npm_global

--新建NODE_PATH,设置值:E:\nodejs-repository\npm_global\node_modules


提示:NODE_PATH是历史遗留下来的一个路径解决方案,通常不应该使用,而应该使用node_modules目录机制。在其他位置找不到指定模块时,Node会去这些路径查找


附:require命令加载规则


require命令用于加载文件,后缀名默认为.js

var foo = require(‘foo‘);

//  等同于

var foo = require(‘foo.js‘);

 

根据参数的不同格式,require命令去不同路径寻找模块文件。

(1)如果参数字符串以“/”开头,则表示加载的是一个位于绝对路径的模块文件。比如,require(‘/home/marco/foo.js‘)将加载/home/marco/foo.js。

(2)如果参数字符串以“./”开头,则表示加载的是一个位于相对路径(跟当前执行脚本的位置相比)的模块文件。比如,require(‘./circle‘)将加载当前脚本同一目录的circle.js。

(3)如果参数字符串不以“./“或”/“开头,则表示加载的是一个默认提供的核心模块(位于Node的系统安装目录中),或者一个位于各级node_modules目录的已安装模块(全局安装或局部安装)。

举例来说,脚本/home/user/projects/foo.js执行了require(‘bar.js‘)命令,Node会依次搜索以下文件。

/usr/local/lib/node/bar.js

/home/user/projects/node_modules/bar.js

/home/user/node_modules/bar.js

/home/node_modules/bar.js

/node_modules/bar.js

 

这样设计的目的是,使得不同的模块可以将所依赖的模块本地化。

(4)如果参数字符串不以“./“或”/“开头,而且是一个路径,比如require(‘example-module/path/to/file‘),则将先找到example-module的位置,然后再以它为参数,找到后续路径。

(5)如果指定的模块文件没有发现,Node会尝试为文件名添加.js、.json、.node后,再去搜索。.js件会以文本格式的JavaScript脚本文件解析,.json文件会以JSON格式的文本文件解析,.node文件会以编译后的二进制文件解析。

(6)如果想得到require命令加载的确切文件名,使用require.resolve()方法


目录的加载规则

通常,我们会把相关的文件会放在一个目录里面,便于组织。这时,最好为该目录设置一个入口文件,让require方法可以通过这个入口文件,加载整个目录。

在目录中放置一个package.json文件,并且将入口文件写入main字段。下面是一个例子。

// package.json

"name" : "some-library",

"main" : "./lib/some-library.js" 

}

 

require发现参数字符串指向一个目录以后,会自动查看该目录的package.json文件,然后加载main字段指定的入口文件。如果package.json文件没有main字段,或者根本就没有package.json文件,则会加载该目录下的index.js文件或index.node文件。

参考链接


4,设置淘宝镜像

npm config set registry https://registry.npm.taobao.org  


5,更新npm

npm install npm@latest -g  

还可以通过以下地址获取npm的模块

https://registry.npmjs.org/npm/-/npm-{VERSION}.tgz


提示:npm install 指令会在当前路径下创建node_modules目录,并将下载的包存入到该目录下。

          如果当前路径下没有package.json文件,则会下载最新版本的模块。


附:创建package.json文件来管理本地模块

package.json文件中最少要具备以下两个信息:

1,name

全小写、不能有空格,下划线和破折号是允许的。

2,version

格式:x.x.x


例如:

{

"name": "my-awesome-package",

"version": "1.0.0"

}

3,使用npm init来创建package.json文件

该指令会提醒你输入信息,但还可以使用以下命令在不提示的情况下直接创建package.json

npm init --yes 

npm init -y


4,使用指令往package.json文件中添加依赖


{

"name": "my_package",

"version": "1.0.0",

"dependencies": {

"my_dep": "^1.0.0"

},

"devDependencies" : {

"my_test_framework": "^3.1.0"

}

}


npm install <package_name> --save

npm install <package_name> --save-dev

npm uninstall --save <package_name>

npm uninstall --save-dev <package_name>


5,更新本地包

在package.json所在路径下执行npm update




安装“本机编译插件模块”

有三个最主要的原因使得你应该安装该模块

1,你有一个现成的c++类库想在nodejs应用中使用

2,你有兴趣通过c++来编写一些性能优异的代码

3,运行的时候遇到可怕的“node-gyp”问题并且也不知道发生了什么事的时候


安装node-gyp的依赖环境

1,安装VC++编译环境