angular入门一之环境安装及项目创建
程序员文章站
2022-04-20 23:21:43
angular入门一之环境安装及项目创建 1.安装node.js 下载,安装,在终端测试安装是否成功:node v(查看nodejs版本) npm v(查看npm版本) 下载地址:https://nodejs.org/en/download 2.安装angular cli 安装typescript( ......
angular入门一之环境安装及项目创建
1.安装node.js
- 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本)
- 下载地址:
2.安装angular cli
- 安装typescript(新建项目的时候会自动安装,此时也可以不进行安装):
npm install -g typescript - 安装angular cli :
npm install -g @angular/cli - 验证:
ng version 出现版本信息即安装成功。 - 注意:由于安装需要访问外网,速度可能慢导致失败,可以从淘宝镜像来进行安装
npm config set registry https://registry.npm.taobao.org
再安装cnpm代替npm命令:npm install -g cnpm
再安装angular cli:cnpm install -g @angular/cli
3.创建新项目:
- 在终端中,进入想要创建项目的地址执行 :ng new 项目名称
- 执行完该命令后会下载相应的npm包,耐心等待
- 注意:执行ng new first-app后会有一段提示说【'git' 不是内部或外部命令,也不是可
运行的程序或批处理文件。】,这个和本地没有安装git有关,但是不会影响项目。
4.运行项目:
- 在终端中进入项目所在文件夹:cd first-app;
- 然后执行ng serve,服务启动了,访问http://http:localhost:4200,能访问到即项目搭建成功。
ctrl+c命令退出指定状态,可以关闭服务(很多命令和linux下的较为相似)
5.至此,一个angular项目就可以跑起来了。
公告
推荐阅读
-
JAVA WEB快速入门之从编写一个基于SpringBoot+Mybatis快速创建的REST API项目了解SpringBoot、SpringMVC REST API、Mybatis等相关知识
-
Electron – 基础学习(1): 环境安装、创建项目及入门
-
.NET Core实战项目之CMS 第一章 入门篇-开篇及总体规划
-
angular入门一之环境安装及项目创建
-
Angular介绍、安装Angular Cli、创建Angular项目入门教程
-
Hadoop源码学习笔记之NameNode启动流程分析一:源码环境搭建和项目模块及NameNode结构简单介绍
-
eclipse入门之创建第一个web程序(jsp测试环境)
-
Python Django框架笔记(一):安装及创建项目
-
Android Studio使用教程(一):下载与安装及创建HelloWorld项目
-
【Python3.6+Django2.0+Xadmin2.0系列教程之一】环境搭建及项目创建