桂林兴安侯 發表於 2020-7-29 17:42:00

node.js安装与配置+angular安装

<p>原创链接：https://blog.csdn.net/weixin_45158228/article/details/104518874</p>
<p>检查是否已安装：dos窗口查看版本node -v</p>
<p>一、安装node.js步骤<br>1、下载node.Js<br>下载对应你系统的Node.js版本：https://nodejs.org/en/download/<br><img src="https://img-blog.csdnimg.cn/20200226160352985.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>2、下载完成后，双击“node-v6.9.2-x64.msi”，开始安装<br><img src="https://img-blog.csdnimg.cn/20200226160627436.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>点击“next”<br><img src="https://img-blog.csdnimg.cn/20200226160705842.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>勾选复选框，点击next<br><img src="https://img-blog.csdnimg.cn/20200226160804549.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>修改好目录后，点击next<br><img src="https://img-blog.csdnimg.cn/20200226160846264.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br><img src="https://img-blog.csdnimg.cn/20200226160903996.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>完成安装h偶点击finish<br><img src="https://img-blog.csdnimg.cn/20200226160946693.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>2、环境配置<br>这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。<br>例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：</p>
<p><img src="https://img-blog.csdnimg.cn/20200226161041220.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>创建完两个空文件夹之后，打开cmd命令窗口，输入</p>
<p>npm config set prefix “D:\Develop\nodejs\node_global”<br>npm config set cache “D:\Develop\nodejs\node_cache”<br><img src="https://img-blog.csdnimg.cn/20200226161122983.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”<br><img src="https://img-blog.csdnimg.cn/20200226161147719.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】<br><img src="https://img-blog.csdnimg.cn/20200226161237894.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br><img src="https://img-blog.csdnimg.cn/20200226161313439.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br><img src="https://img-blog.csdnimg.cn/20200226161327884.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br><img src="https://img-blog.csdnimg.cn/20200226161406157.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>至此Node.js已经安装配置完成，可以先进行下简单的测试是否成功了，后面还要进行环境配置<br>在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口<br><img src="https://img-blog.csdnimg.cn/20200226161539536.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br><img src="https://img-blog.csdnimg.cn/20200226161559382.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>安装完后的目录如下图所示：<br><img src="https://img-blog.csdnimg.cn/20200226161623383.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>二、Angular安装<br>1、先安装上面的nodejs<br>2、安装cnpm<br>在cmd命令窗口中直接输入：<br>Npm install cnpm --registry=https://registry.npm.taobao.org -g<br>按下enter键，如下所示：<br><img src="https://img-blog.csdnimg.cn/20200226161925167.png"><br><img src="https://img-blog.csdnimg.cn/20200226170740530.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>3、安装脚手架<br>在cmd中输入命令： npm install -g @angular/cli<br>安装完成后输入：ng v 查看：<br><img src="https://img-blog.csdnimg.cn/20200226174641302.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1ODIyOA==,size_16,color_FFFFFF,t_70"><br>创建项目：ng new 项目名称</p>
<p>出现的问题与解决方案：<br><img src="https://img-blog.csdnimg.cn/20200226162245941.png"><br>此问题只需将自己的cnpm的安装路径添加到自己的系统变量的path下即可解决。</p>
<p>&nbsp;</p>
<p>创建新angular项目：</p>
<p>ng new newApp --skip-install&nbsp; //创建新项目--skip-install表示node包先不安装，我们接着使用cnpm install安装会快多了<br>cd newApp<br>cnpm install&nbsp; //安装引入cnpm国内镜像源，用于辅助项目启动<br>ng serve --open&nbsp; //启动项目</p>
<p>&nbsp;</p><br><br>
来源：https://www.cnblogs.com/mangwusuozhi/p/13398513.html
頁: [1]
查看完整版本: node.js安装与配置+angular安装