热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

AngularCli创建项目

环境搭建Node安装1.下载地址:https:nodejs.orgendownload2.选择稳定版本下载安装3.验证安装node-vcnpm安装(

环境搭建


Node 安装

1.下载地址:https://nodejs.org/en/download/
2.选择稳定版本下载安装
3.验证安装

node -v

在这里插入图片描述


cnpm 安装(如果需要)

1.打开终端,输入如下指令,安装cnpm

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

2.验证cnpm

cnpm -v

在这里插入图片描述


安装angular/cli

npm install -g @angular/cli

等待安装完成,验证cli

ng v

在这里插入图片描述


新建Angular 项目

切换到你的workspace, 使用ng new

ng new my-demo

在这里插入图片描述
当开始下载依赖的时候ctrl+c 终止下载,切换到my-demo 文件夹下,使用cnpm 下载,这样比npm 要快很多。
在这里插入图片描述


启动服务

ng serve -open

浏览器自动打开
在这里插入图片描述
大功告成!


推荐阅读
author-avatar
远洋箭
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有