Angular5部署环境

在github上找了一个项目学习 https://github.com/lyw1995/Angular5-Blog-Admin

安装node+安装脚手架cli

Angular 2.0之后的版本,需要Node,NPM支持,有了自己的Angular CLI。Angular CLI对Node 的版本有所要求(node 6.9.x and npm 3.x.x )。所以安装Node要6.9以上的。

1.下载安装了node(本人用了node-v10.16.3-x64.msi)过程中会帮你安装npm,安装完成后检查是否成功,查看版本:

node -v

npm -v 

2.显示npm安装成功npm以后,安装cli(项目需要的1.7.4),执行:

npm install -g @angular/[email protected]


ps:

1.如果需要安装升级其他模块,执行:

npm install -g XXXX@YYYY


2.需要到demo项目查看demo项目使用的angular版本,执行ng -v

/Angular5-Blog-Admin-master/Angular5-Blog-Admin-master


3.LINUX下面安装angular

先装nodejs

解压到/usr/local/nodejs/bin


补充知识

1)关于NPM(Node Package Manager“node包管理器”)

NPM是一个包管理工具,随同NodeJS一起安装的(新版的nodejs已经集成了npm,安装nodejs的时候npm也会一并安装好)

NPM作用是解决NodeJS代码部署上的问题:允许用户从NPM服务器下载别人编写的第三方包或命令行程序到本地使用以及上传自己的供别人使用。

2)npm模块仓库提供了一个名为“registry”的查询源的服务

npm config get registry 输入命令以后下面显示的是原始源:

https://registry.npmjs.org/


可以给npm换源,设置为淘宝镜像源(国内源,由于墙的原因,可能需要设置为国内源才能正常下载):

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


有了源,用户可通过本地的npm命令下载并安装指定模块。


3)npm list 查看安装的模块

npm list -g——查看所有全局安装的模块


到具体的某个项目的node_modules下执行npm list

列出的就是这个项目包含的模块。


然后查看具体某个模块的版本以及有哪些模块依赖的这个模块,后面加上模块名字,grunt就是模块名字

npm list grunt


如果出现:

npm ERR! extraneous

说明安装不需要的软件包,可以清理掉,实际上只是一个警告,因此可以忽略。忽略这个错误可能是安全的。但是你可以用清理不必要的软件包。

执行npm prune即可


4)npm view

1.npm view 模块名 versions

查看某个模块(比如grunt)的所有版本

npm view grunt versions


2.npm view 模块名@版本号

查看这个版本的模块的所有依赖的模块

$ npm view log4js@2.11.0

如果不写@版本号,那就是显示最新的版本


5)版本号前面的符号

完整的版本号: [主要版本号.次要版本号.补丁版本号]

不完整的版本号: [主要版本号.次要版本号] 或者  [主要版本号] 


"dependencies": {

    "accepts": "~1.3.7",——表示版本号中的最后一位可以升级到最新的版本号,比如这里的补丁版本号7。

     "content-type": "~1.0.4",

     "depd": "~1.1.2",


    "array-flatten": "1.1.1",——确定唯一指定的版本号


    "body-parser": "^1.19.0",——保证不改变最左边的不为零的版本号的版本提升,也就是说,^1.0.0允许次要、补丁版本升级,^0.1.0允许补丁版本升级,^0.0.x 不允许升级。

     "cookie": "^0.4.0",


    "content-disposition": ">0.5.3",——直观意思,大于,或者大于等于,小于或者小于等于后面的版本号

    "cookie-signature": "<1.0.6",

    "debug": ">=2.6.9",

    "encodeurl": "<1.0.2"

  }

如果前面是星号*,那意思就是匹配任何版本。

如果版本号的值是latest,那意思安装的永远是最新发布的版本。


6)npm install 安装更新某模块

估计是一定要进入到一个模块中,使用npm安装angular脚手架(cli)

npm install -g @angular/[email protected]


ps1:卸载以及更新。比如express模块

npm uninstall express

npm install express@版本号


ps2:如果你遇到了使用 npm 安 装node_modules 总是提示报错:报错: npm resource busy or locked.....。

可以先删除以前安装的 node_modules :

npm cache clean

npm install


ps3:全局安装和本地安装,就看有没有加 -g 参数

windows全局安装目录,安装的时候会显示的安装到哪里了

C:\Users\xxxx\AppData\Roaming\npm

本地安装

1. 将安装包放在 ./node_modules 下(运行npm时所在的目录)

2. 可以通过 require() 来引入本地安装的包

全局安装

1. 将安装包放在 /usr/local 下

2. 可以直接在命令行里使用

你可能感兴趣的:(Angular5部署环境)