angular/cli 安装遇到的那些事

snifes 发布于2019-08-23 12:12 / 2641人阅读

摘要：运行下列命令来生成一个新项目以及默认的应用代码项目文件夹名称会安装必要的包创建项目文件，并在该项目中生成一个简单的默认应用。后续有其他安装问题我会继续更新，敬请关注

第一步：设置开发环境
在开始工作之前，你必须设置好开发环境。
如果你的电脑里没有 Node.js®和 npm，请安装它们。
然后全局安装 Angular CLI（最新版本）

npm install @angular/cli -g

或者安装指定的版本：

npm install @angular/cli@版本号 -g

安装完成可以利用命令检测自己安装的版本：

ng version

即可查看

第二步：创建新项目
打开终端窗口。
运行下列命令来生成一个新项目以及默认的应用代码：

ng new my-app（项目文件夹名称）

Angular CLI 会安装必要的 NPM 包、创建项目文件，并在该项目中生成一个简单的默认应用。这可能要花一点时间。
第三步：启动开发服务器
进入项目目录，并启动服务器。

cd my-app
ng serve --open

ng serve 命令会启动开发服务器，监听文件变化，并在修改这些文件时重新构建此应用。
使用 --open（或 -o）参数可以自动打开浏览器并访问 http://localhost:4200/。
成功安装执行--open命令会自动弹出angular欢迎页面。
安装出错：
安装过程中可能出现错误：
”Cannot find module ‘@angular-devkit/core’”如果提示这个错误，
原因就是缺少@angular-devkit/core，其实这种问题在新创建程序的时候就有提示
比如在执行完ng new newProject 之后会出现。

解决办法就是自己安装，进入程序目录执行下面的指令：

npm i --save-dev @angular-devkit/core

如果再次提示@angular-devkit/core没有安装成功的话就需要卸载angular-cli重新安装angular-cli了。

npm uninstall -g angular-cli
npm install -g @angular/cli@latest

后续有其他安装问题我会继续更新，敬请关注！

超融合服务器专线服务云服务器那些事布局遇到的问题 php开发遇到的难点学习遗传算法遇到的问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98101.html

Angular6打包的那些事

摘要：在看看的配置下其中可以防止刷新的问题。这样我的可以用一个做代理，同时访问我的两个项目，两个项目。他们的地址是项目博客项目写着玩的，前端比较差以上可以说是解决了很大部分的坑了。 Angular在升级到6的时候，多了许多新的功能，比如ng命令，在从5升级到6的时候是无痛升级的，但是升级到了6之后，也有许多地方做了改变，比如Angular的设置，Angular的base-path等，通过在一...

CocoaChina 2019-07-25 14:28 评论0 收藏0
Angular 5.0 学习2：Angular 5.0 开发环境的搭建和新建第一个ng5项目

摘要：之后输入，出现版本号即安装成功，的版本号在以上，则新建出来的项目是版本。所有具备这一特性的软件或者软件套组都可以叫集成开发环境。创建新项目打开终端窗口。是为应用准备的，而是为单元测试准备的。给的单元测试配置，当运行时会用到它。 1.安装Node.js 在开始工作之前，我们必须设置好开发环境。如果你的机器上还没有Node.js®和npm，请先安装它们。去Node.js的官网，https:...

dunizb 2019-08-29 14:14 评论0 收藏0
那些年初识Angular(1)

摘要：它包含多个属性，这些属性值叫做元数据。会根据元数据渲染组件，并执行组件逻辑。元数据会告诉图和将这个类处理成一个组件。元数据这段代码表示这个组件可以通过这个标签来调用。那些年初识Angular 由于工作需要初识了Angular，由于个人在学习一门新语言的时候喜欢买一本相关的书籍自己钻研，还记得自己的第一本Angular书籍是关于Angular2的学习，自此正式踏入Angular的学习。...

Flink_China 2019-08-02 11:36 评论0 收藏0
Angular单元测试系列-简介

摘要：单元测试我们可以将其分成两类独立单独测试与测试工具集。工具集还有更多，这一切我们将在单元测试组件与指令单元测试逐一说明。那么下一篇，我们将介绍如何使用进行单元测试。本文将探讨如何搭建测试环境、以及Angular测试工具集。测试环境绝大部分都是利用Angular Cli来创建项目，因此，默认已经集成我们所需要的npm包与脚本；当然，如果你是使用自建或官网 quickstart 的话...

CNZPH 2019-08-21 11:43 评论0 收藏0