Angular项目启动步骤

最近参与公司的一个app项目，前端使用的 angularJs，首次接触这样的项目，一脸懵逼，启动项目都成问题。同事大致讲了一下，自己琢磨一番，项目总算是启动了，如下记录。

先得从 SVN上下载项目源码，我使用的 webstorm开发工具。以下命令操作是在 webstorm 的Terminal 中完成，建议如果用不习惯的还是打开 cmd 使用吧，话不多说，开始写步骤了。

一、安装 NodeJs

      这个百度访问，或是点击下载链接：下载 | Node.js   默认进入到最新版本下载页面，根据系统下载对应的版本安装，我是windows10系统，使用  msi 版本进行安装（说明：因为项目比较老，我并没有使用最新版本！）

当然，并不是版本越高越好，根据自己的项目选择。我接触的这个项目不算新，开始下载的高版本，安装后一直启动不了，后来就降低了版本，我使用版本为 v14.18.0，

下载地址：https://nodejs.org/download/release/v14.18.0/

下载完成后，一直点击“next” 就能安装完成。

安装完成后验证一下， 打开cmd

命令：（1）node -v （2）npm -v

  出现以上版本信息，则表示安装成功。

二、安装 cnpm

        npm使用的公网服务器，服务器在国外，一般速度不快，下载经常中断，使用阿里的镜像会快很多，相对稳定。安装也很方便，执行一条命令就行。

命令：npm install -g cnpm -registry=https://registry.npm.taobao.org

执行如下：

 完成后验证一下，命令：cnpm -v

 

三、安装angular脚手架

        安装命令：cnpm i -g @angular/cli

安装完成后验证一下，命令：ng version   

出现如下信息则安装成功：

四、安装依赖

        进入到项目目录命令：cd  D:\16__ZWZX_Workspace\openresty

        加载依赖命令： npm  install

        如果有个别依赖加载失败，可以使用下面的命令单独安装：cnpm install [依赖名称] --save

 五、启动项目

        进入到项目目录，执行以下命令： cnpm run dev

 

完。