首先安装nodejs,从官网直接下载安装,一路next,除了需要注意nodejs的安装路径外,没有什么其他的
安装好node后,npm也就安装好了,这是因为
npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
在cmd中分别输入node -v 和npm -v若分别出现版本信息,则表示安装成功,如下:
使用npm安装模块分为本地安装和全局安装。
本地安装:npm install express 会安装到当前项目
全局安装:npm install express -g 会安装到指定的目录(node_global)
另外,如果没有设置全局目录node_global,那么全局安装的文件将会保存到 C:\Users\hades\AppData\Roaming\npm (hases是自己设置的计算机名字)
可参考https://blog.youkuaiyun.com/scorpio_meng/article/details/83314675
设置一下node的安装目录,可以现在nodejs的安装目录中新建两个文件夹node_global和node_cache
然后使用命令
npm config set prefix "D:\Program Files (x86)\nodejs\node_global"
npm config set cache "D:\Program Files (x86)\nodejs\node_cache"
将node_global设置为node的全局安装路径
接下来在系统环境变量中新建环境变量NODE_PATH变量,这个变量是node的下载路径,所以他的变量值为刚设置的全局安装路径 ,我的为D:\Program Files (x86)\nodejs\node_global\node_modules,使用node安装的所有模块都将在这个目录下
在命令行输入node进入编辑模式,输入以下代码测试是否能正常加载模块
假设成功,可以看到有输出。假设出错,检查NODE_PATH的路径。
若出现node不是内部命令也不是外部命令的问题
若path变量中已有nodejs的安装路径,我的为D:\Program Files (x86)\nodejs
则在系统变量中新建一个NODE_HOME的变量,变量值为node的安装目录我的为D:\Program Files (x86)\nodejs
然后在系统变量的path变量中添加%NODE_HOME%
若没有则先在path变量中添加nodejs的安装路径,再执行上述步骤
到这一步 nodejs,npm需要的环境已配置完毕
接下来安装angular/cli,可以使用npm安装,也可使用cnpm安装,我使用的是npm
先设置npm淘宝镜像源,然后使用npm安装,速度也很快,使用cnpm的话,还要配置环境变量很麻烦
npm config set registry https://registry.npm.taobao.org //淘宝npm镜像
npm config get registry //验证是否成功
使用cmd命令 npm install -g @angular/cli
安装脚手架
typescript可不安装,在新建项目的时候会自动安装
此时安装好的脚手架若只能在安装目录的磁盘使用,不能在其他磁盘使用,比如安装在D盘,则此时在从c盘目录下执行ng -v命名将出现,ng不是内部命令也不是外部命令
则需要在环境变量,用户变量的path变量中添加之前设置的全局安装路径:D:\Program Files (x86)\nodejs\node_global
再在cmd中输入ng version显示如下,则表示安装成功
在这个安装过程中,最容易出问题的是设置全局安装路径以及在环境变量中配置全局路径