Angular项目启动步骤

导读:本篇文章讲解 Angular项目启动步骤,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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

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

一、安装 NodeJs

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

Angular项目启动步骤

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

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

Angular项目启动步骤

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

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

Angular项目启动步骤

命令:(1)node -v (2)npm -v

Angular项目启动步骤

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

二、安装 cnpm

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

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

执行如下:

Angular项目启动步骤

 完成后验证一下,命令:cnpm -v Angular项目启动步骤

 

三、安装angular脚手架

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

安装完成后验证一下,命令:ng version   

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

Angular项目启动步骤

四、安装依赖

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

        加载依赖命令: npm  install

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

Angular项目启动步骤

 五、启动项目

        进入到项目目录,执行以下命令:
cnpm run dev

Angular项目启动步骤

Angular项目启动步骤 

完。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/62175.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!