angular5使用

最新推荐文章于 2024-09-13 07:08:25 发布

原创最新推荐文章于 2024-09-13 07:08:25 发布 · 419 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

angular

当前文章被收录于：

angular

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

文章详细介绍了如何卸载并安装AngularCLI的特定版本（1.6.7），包括清除缓存、安装Python环境、设置Node版本。接着，讲述了如何使用ngserve启动项目，并提供了修改启动IP和端口的两种方法，分别是在.angular-cli.json和package.json文件中进行设置。

angular5项目运行步骤，angular/cli使用的是1.6.7

如果安装过其他版本的angularcli，首先使用npm uninstall -g @angular/cli卸载干净，然后再安装自己对应版本的angular/cli
卸载完以后运行npm cache verify清楚残留
然后去node的安装文件夹下删除ng开头的文件
1.安装python环境（建议去官网下载）；
2.使用node14.0.0版本；
3.运行npm install -g @angular/cli@1.6.7安装cli；
4.使用管理员账号进入项目目录；
5.使用npm install安装依赖；
7.运行ng serve启动项目；

修改启动ip和端口
（1）在.angular-cli.json中的default中添加serve（未验证只改这一处是否有效）

"defaults": {
    "styleExt": "css",
    "component": {
    },
    "serve": {
      "host": "192.168.33.77",
      "port": 5300
    }
  }

（2）修改package.json文件

"scripts": {
    "ng": "ng",
    "start": "ng serve --port=5300 --host=192.168.33.77",//主要修改这句
    "open": "ng serve --port 5300 --host 192.168.33.77",
    "build": "webpack",
    "test": "karma start ./karma.conf.js",
    "lint": "ng lint",
    "e2e": "protractor ./protractor.conf.js",
    "pree2e": "webdriver-manager update --standalone false --gecko false --quiet"
  }