angular（1）创建项目及运行

最新推荐文章于 2024-05-30 18:38:28 发布
最新推荐文章于 2024-05-30 18:38:28 发布
阅读量2.1k 收藏
点赞数
分类专栏： angular 文章标签： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25695065/article/details/78828576
版权

我在window系统下安装angular过程中出现了这样一行代码“Downloading binary from https://github.com/sass/node-sass/releases/download/v4.7.2/win32-x64-57_binding.node”，代码下面的进度条停止进度了几分钟，然后我按下了ctrl+c，突然就立马完成了安装，注意只按下了一次，其实我按下ctrl+c 的本意是为了复制以上的代码查询停止安装进度的原因，但是就奇迹般地安装成功了。

创建项目 ng new my-app,"my-app"是项目的名称

打开项目 cd my-app

运行项目 ng serve


呦不错哦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angular入门-启动过程
半斤米粉闯天下的博客
09-25 1448
分析启动过程无非就是两件事： 加载了哪个启动页面和脚本 启动脚本干了什么事 下面分步骤进行记录。 加载了哪个启动页面和脚本 在执行npm start命令之后会首先读取package.json文件，寻找其中关于start命令的定义，如下所示 找到之后便会执行start中的语句进行启动，也就是说npm start命令和执行ng serve --proxy-config proxy.conf....
Angular项目启动步骤
csdn122325735的专栏
06-10 7218
初学者启动angular 项目
如何创建一个Angular项目（超简单）
最新发布
庸人方自扰，自在就好
05-30 330
9、 如果你看到跟下图一样，说明你的Angular项目创建成功，在浏览器打开http://localhost:4200/便可看到创建好的Angular项目，至此，一个Angular项目创建完成！（用npm安装cnpm，将镜像源设置为国内镜像源，国内镜像源由taobao提供，有些软件可能在国外，有的时候可能需要翻墙，你就会下载比较慢，这个时候使用cnpm就比npm快）2、运行node -v和npm -v两条命令（检验是否下载成功Node.js）（查看安装的cnpm版本号，用于检查cnpm安装是否成功）
Angular：创建、运行和编译Angular项目时的常用指令总结
灿灿大王搭建的黄金屋
04-16 5010
1、Angular项目创建： ng new ProjectName 使用cd指令进入到项目创建所在的文件夹中，运行以下指令安装项目运行的依赖，这时会出现node_modules文件夹和package.json文件： npm install 如果Node.js的版本在8以上，则使用如下指令安装angular.cil： npm install - g @angular/cil ...
从零开始：Angular项目的创建与运行
彩旗工作室的博客
03-13 938
通过上述步骤，你已经成功创建并运行了你的第一个Angular应用。Angular CLI不仅让项目的创建变得简单快捷，还提供了许多命令来支持开发过程，包括生成服务、组件和模块等。随着你对Angular的进一步学习，你将能够利用这些工具和命令，更加高效地开发复杂的应用程序。欢迎进入Angular的世界，开启你的开发之旅！
【前端】1. Angular环境搭建、创建Angular项目、运行Angular项目
weixin_43938259的博客
03-11 7602
一、Angular环境搭建 （一）下载并且安装Node.js 官方网站下载：https://nodejs.org/en/ 安装angular的计算机上面必须安装最新的nodejs–注意安装nodejs稳定版本 双击点开下载好的安装包 进入安装界面,点next 选择nodejs安装路径，默认是c盘，这里改成d盘（选择内存比较大的盘，尽量不要安装在c盘里） next下一步，准备安装 安...
cnpm加速Angular项目创建的方法
10-18
使用`ng`命令创建项目骨架，但跳过自动安装依赖的步骤。运行以下命令： ``` ng new my-app --skip-install ``` 这样，项目的基本结构会被快速创建，但不会尝试安装任何依赖。 3. 手动安装依赖： 项目创建完成后，...
Angular 4环境准备与Angular cli创建项目详解
08-30
本篇文章将详细介绍如何准备Angular 4的开发环境以及使用Angular CLI来创建项目。 首先，开发环境的搭建至关重要。在开始之前，确保你的计算机上已经安装了Node.js和npm。如果还没有，可以通过官方网站下载安装。...
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
08-27
Angular CLI是Angular项目的命令行界面工具，可以创建项目、添加文件以及执行一大堆开发任务。使用Angular CLI可以快速创建Angular项目，下面是使用Angular CLI快速创建Angular项目的一些基本概念和写法小结。 一、...
Angular7创建项目、组件、服务以及服务的使用
12-11
在Angular 7中，开发人员可以利用Angular CLI（命令行接口）快速地创建项目、组件和服务，这大大简化了前端开发流程。以下是对这些概念的详细说明： **创建项目** 要创建一个新的Angular 7项目，首先确保Node.js和...
使用Angular CLI生成 Angular 5项目教程详解
08-27
Angular CLI（命令行接口）是一个强大的工具，能够简化Angular应用的开发流程，包括项目初始化、组件创建、服务生成以及构建和测试等任务。 首先，确保您的系统中安装了最新版本的Node.js，因为Angular CLI需要它...
AngularJS入门之简单的项目搭建
12-20
简单的AngularJS入门级项目搭建，以及网络请求封装、模拟Android的toast效果、前台数据MD5加密工具类
Angular入门-运行
罗兰娇的博客
11-06 672
一、搭建环境 1.安装nodeJs和npm（npm是伴随着nodejs一起安装的），并且注意的是：要确保nodejs是6.9.x，npm是3.x.x，越新版本的越好，旧版本的容易出问题。 2.安装angular全局客户端： npm install -g @angular/cli 二、创建新项目 1.打开终端创建一个angular的骨架程序，输入如下命令： ng new my-app
Angular的环境搭建、创建项目以及运行项目(完整步骤)
小陈想长高-
12-10 1019
Angular的环境搭建、创建项目以及运行项目(完整步骤)
第一个angular项目创建以及运行
xtho62的博客
10-07 2535
一.首先需要安装angular cli 在windows下cmd，开命令行，或者在vscode种选终端开启，前面的文章里有讲安装，不细说。 npm install -g @angular/cli 查看安装 ng v 二.在vscode里面，开命令行 my-first-project
运行angular1老项目的步骤（gulp打包，bower安装依赖）
mao871863224的博客
09-12 778
记录供自己以后查阅 1 首先node版本不能太高，基本上使用4.4.6或者6.10.3左右，项目中有具体要求的话就是用具体要求的node版本，没有的话基本上就这两个 2 全局安装gulp-cli npm install -g gulp-cli 3 安装gulp依赖 npm install gulp --save-dev 4 安装bower依赖 npm install bower --save-dev 5 安装package.json中的依赖，生成node_modules包 npm install 有时候np
【前端项目问题】如何运行angular项目使局域网内的电脑都可以访问到本地项目
Dai的博客
03-16 2385
【前端项目问题】如何运行angular项目使局域网内的电脑都可以访问到本地项目
angular创建一个新项目的步骤
xiayngbaidu12345的博客
07-20 3384
angular创建一个新项目的步骤
Angular的环境搭建、创建项目以及运行项目
qq_40921298的博客
09-05 1204
环境搭建 1.安装node.js https://nodejs.org 安装angular的计算机上面必须安装最新的nodejs——注意安装nodejs稳定版本 安装完成后，打开cmd，输入node -v命令查看nodejs版本 输入npm -v查看npm的版本（nodejs安装之后npm就自动安装上了） 2.安装cnpm npm可能安装失败建议先用npm安装一下cnpm用淘宝镜像安装 https://npm.taobao.org 可以直接将下面这句话复制到终端 npm install -g cnpm --
创建angular项目
09-12
1. 打开命令行终端，并进入到你想要创建项目的文件夹中。 2. 使用命令`ng new 项目名称`来创建一个新的Angular项目。比如，使用命令`ng new angularui`创建一个名为`angularui`的项目。 3. 进入到项目目录，使用命令...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值