使用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://localhost:1080

三、安装@angular/cli


npm install -g @angular/cli

安装完后，查看ng版本（如下图）


ng version

四、使用webstorm创建Angular 2项目

打开webstorm，选择"create new project"
选择Angular CLI，此时会自动侦测并配置刚才安装好的Angular CLI（如下图）
点右下角“create”，创建project
当Run窗格中出现“Installing packages for tooling via npm ”字样时，需稍等片刻，之后即可successfully created（如下图）

五、启动项目

浏览器地址栏输入：localhost:4200，显示如下图即OK

时间： 2024-12-15 06:53:25

使用Angular CLI创建Angular 2项目的相关文章

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

解决 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: 1.6.7 入门

当你使用npm或者yarn也安装不了angular-cli时,请使用淘宝镜像. Step1 npm i -g cnpm --registry=https://registry.npm.taobao.org Step2 cnpm i -g @angular/cli C:\Users\Administrator\Desktop>cnpm i -g @angular/cli Downloading @angular/cli to I:\Node\node-v8.9.4-win-x64\node_mod

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