angular-cli 安装与使用
来源:互联网 发布:python 定义类 编辑:程序博客网 时间:2024/05/16 17:29
安装Angular CLI
1.首先确认安装了node.js和npm
// 显示当前node和npm版本$ node -v$ npm -v// node 版本高于6.9.3 npm版本高于3.0.0
2.全局安装typescript(可选)
$ npm install -g typescript // 新建项目的时候会自动安装typescript(非全局)所以这里也可以不用安装。
3.安装Angular CLI
$ npm install -g @angular/cli
经过不算漫长的等待,你的Angular CLI就装好了。确认一下:
$ ng v// 出现下面画面说明安装成功,如果不成功你可能需要uninstall一下,再重新来过$ ng v _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/@angular/cli: 1.1.1node: 7.10.0os: darwin x64
这里强烈推荐使用淘宝镜像安装:
$ ng new myapp --skip-install // 先跳过npm安装$ cd myapp$ cnpm install // 使用淘宝源安装
成果展示
安装完成之后就可以启动项目了:
cd myappng serve -open
ng serve命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。
使用--open(或-o)参数可以自动打开浏览器并访问http://localhost:4200/。结果如下:
改变运行端口:
通过命令行方式修改,如下:
ng serve --port 4201
创建module,component,service,class
具体的工程目录如下:
阅读全文
0 0
- angular-cli 安装与使用
- Angular CLI 安装和使用
- 【Angular】安装Angular—cli
- angular-cli 安装问题
- angular cli安装
- 安装Angular-Cli
- npm 安装angular-cli
- angular-cli安装步骤
- Angular CLI 安装
- Angular-cli安装
- 安装Angular-cli
- 全局安装 Angular CLI
- npm安装Angular CLI
- @angular/cli 安装指南
- Angular CLI 安装和使用以及安装失败的解决方法
- 为何用Angular CLI 以及安装和使用
- 使用npm安装vue脚手架cli或者angular-cli时出错的解决方法
- Angular-使用Angular CLI快速搭建框架
- spring gradle 更新依赖导致的依赖冲突
- 2017北京icpc online Matrix dp
- Java-Collection源码分析(十三)——TreeMap
- 第二阶段 HTML5基础
- Python3.3 邮件发送 含附件(各种类型文件)
- angular-cli 安装与使用
- linux下ftp服务器的安装与登录
- 程序和软件有何不同
- Arrays.asList()返回的List不能add和remove
- ZooKeeper简介
- Spring MVC 中的DispatcherServlet文件与Controller类中可以使用的注解
- 洛谷1130红牌
- BZOJ1083: [SCOI2005]繁忙的都市
- 堆内存和栈内存详解