Angular Cli 创建并且运行项目

1:进入cmd  ,然后切换到自己项目的目录,如在D盘下的 angular2 Test

执行:ng new hello

2: 然后切换到 项目目录下执行: ng serve --open 

这个时候 就会看到 浏览器自动打开了一个地址为:http://localhost:4200/  截图如下,说明已经成功创建了 一个angular2 web项目了。

原文地址:https://www.cnblogs.com/webNotes/p/10203901.html

时间: 2024-10-28 20:16:07

Angular Cli 创建并且运行项目的相关文章

使用Angular CLI创建Angular 2项目

一.安装nvm-windows,方便node版本切换 nvm list //查看已安装的版本 nvm install 6.11.0 //安装Node.js 6.11.0,因为@angular/cli需要6.9版本以上支持 nvm use 6.11.0 //切换到新安装的版本 二.为npm配置proxy(proxy软件需自行安装) npm config set proxy=http://localhost:1080 npm config set https-proxy=http://localho

vue-cli3.x创建及运行项目

Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+).如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它. 重新安装vue-cli,将是最新的vue-cli版本 npm install -g @vue/cli 安装完后使用命令: vue --version 查看安装的版本号,以及是否安装成功 创建项目

解决 Angular Cli 创建项目 慢的方法

由于使用 ng new app-name 这个命令,来创建项目很慢,是由于它需要下载很多的依赖包.所以可以通过如下命令 可以解决. 在命令后面加上参数 --skip-install    如:ng new app-name  --skip-install    --skip-instal 意思是跳过安装 依赖包的过程. 在项目创建完成后,使用 cnpm install 来安装依赖包. 原文地址:https://www.cnblogs.com/webNotes/p/10203940.html

angular 4 创建项目

首先需要安装 angular cli 全局环境: npm install -g @angular/cli 创建项目 需要先到你需要创建的路径下,运行: ng new my-app 项目创建好后,可以在项目根目录下打开命令行工具,运行npm start,可以启动项目, 你也可以使用 ng server --open 启动项目, 启动项目后,你可以看到 http://localhost:4200/ Url,此时正在编译, 编译好后的样子, 此时打开浏览器就可以访问http://localhost:4

ASP.NET Core Web API + Angular 仿B站(一) 目的分析以及创建 WebAPI + Angular7 项目

前言: 本系列文章主要为对所学 Angular 框架的一次微小的实践,对 b站页面作简单的模仿. 本系列文章主要参考资料: 微软文档: https://docs.microsoft.com/zh-cn/aspnet/core/getting-started/?view=aspnetcore-2.1&tabs=windows Angular 文档:  https://angular.cn/tutorial Typescript 文档: https://www.typescriptlang.org/

Angular环境准备和Angular cli

Angular4.0来了,更小,更快,改动少 接下来为Angular4.0准备环境和学会使用Angular cli项目 1.环境准备: 1)在开始工作之前我们必须设置好开发环境 如果你的机器上还没有安装Node.js和npm,请安装他们 (这里特别推荐使用淘宝的镜像cnpm,记得以后把npm的指令改为cnpm就可以了) npm install -g cnpm --registry=https://registry.npm.taobao.org 然后我们可以通过node -v和cnpm -v来分别

Angular Cli 设置 淘宝的NPM 镜像

Angular CLI 是 构建angular2 项目的 脚手架工具. 安装Angular-Cli  需要先安装 Node.js. 大家可以去 node.js 官网下载. 说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常.所以我们需要适用淘宝的镜像. http://registry.npm.taobao.org/ 设置方法如下:npm install -g cnpm  --registry=https://registry.npm.taobao.org 然后使用 cnpm 

angular CLI 快速搭建angular 项目

1. 首先确保你的电脑上安装了Node.js®和npm 2.打开终端/或命令窗,安装全局 angular CLI npm install -g @angular/cli 3. 创建新项目 //运行下列命令来生成一个新项目以及应用的骨架代码: ng new project-name // 请耐心等待. 创建新项目需要花费很多时间,大多数时候都是在安装那些npm包. 4. 启动开发服务器 // 进入项目目录 cd my-app //启动服务 ng serve --open 5. 文件结构如下 src

@angular/cli 工程 项目 配置

如果你创建工程项目用angular-cli 你的样式文件想使用scss, 并且让ng serve自动编译它们 你可以在创建项目的时候用 ng new sassy-project --style=sass 或者通过ng set defaults.styleExt scss 来修改你现有的项目 然后修改.angular-cli.json的 "styles": [    "styles.css" // "styles.scss" ] 和componen