angular命令创建项目

最新推荐文章于 2024-11-27 02:16:52 发布
原创 最新推荐文章于 2024-11-27 02:16:52 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
博主原创，微信号：steve_frank。
文章标签：

#angular

本文详细介绍了使用Angular进行项目开发的全过程，包括配置淘宝源、安装、卸载、缓存清理、指定版本安装、版本检查、项目创建、服务启动、页面访问、编译错误处理及依赖包的解决方法。

目录

更换成淘宝的源

安装angular

卸载

清除缓存

安装指定版本

检查版本号

创建项目

开启服务

访问页面

编译错误

解决

更换成淘宝的源

npm config set registry https://registry.npm.taobao.org 
– 配置后可通过下面方式来验证是否成功 
npm config get registry 

安装angular

npm install -g @angular/cli

卸载

npm uninstall -g @angular/cli

清除缓存

npm cache clean --force

安装指定版本

npm install -g @angular/cli@7.1

检查版本号

ng v

创建项目

ng new my-app

开启服务

cd my-app

ng serve –open

访问页面

编译错误

 Can't resolve '@angular/cdk/scrolling'

 

解决

npm install --save @angular/material

npm install --save @angular/cdk

Could not find module "@angular-devkit/build-angular" 

解决

npm install @angular-devkit/build-angular

更新项目angular版本

npm i npm to update  

 

Angular创建项目
GeGe&YoYo的博客
04-26 1182
-同时会安装依赖包，执行的命令就是npm i。如果不下载依赖包，执行运行程序会报错。进入到angulardemo 目录下，执行。ng new 项目名称。--不需要安装依赖包。这样就创建好一个项目了。这个就是文件目录结构。
Angular之ng-alain项目实战(一)创建项目
HelloWude的博客
04-13 2172
安装 CLI(推荐) 请先通过 ng version 命令确认全局 Angular Cli 版本为 8.x 版本 1、创建一个空 angular 项目 ng new 项目名 --style less cd 项目名 ng add ng-alain npm start 2、添加 ng-alain 脚手架 cd 项目名 ng add ng-alain # 如果你想创建一个英文版本，则： ng add ...
命令行创建angular新项目
赫的BLOG
10-21 1726
angular环境自行安装 windows下启动powerShell（或者命令行工具） 输入ng new 项目名称 即可新建angular项目
Yeoman创建angular项目中的指令demo
archer的技术故事
03-18 484
本文主要介绍如何通过Yeoman的方式快速的建立angular中的directive（指令）。本文主要参考《angularjs 高级编程》好，下面上货。先介绍一下指令。在angualrjs中有三种组件，分别是服务、控制器和指定。这三个组件的功能和特点不同。服务是单例的，用于从服务器端取值控制器是业务相关，具体的也会会在这里进行实现指定将直接作用于dom，从而和页面上的元素进行交互。下面说一下，如何...
angular的创建指令
世间万物皆不如你
06-08 475
这里是angular的创建项目指令和一些其他的快捷指令
[Angular] 从零开始使用 Angular CLI 创建 Angular 项目
Ammmmmmmmn的博客
09-23 1404
Node.js 是一个运行 JavaScript 代码的 JavaScript 运行时，它允许我们在服务器端运行 JavaScript 代码。🌐 服务器启动后，打开浏览器并访问 http://localhost:4200，您应该会看到 Angular 的欢迎页面，这意味着项目创建成功，开发环境已正确配置。Angular CLI 是官方提供的命令行工具，帮助开发者快速生成 Angular 项目和各种代码片段。💾 下载适合你操作系统的安装程序，并按照安装向导的提示进行安装。在大多数情况下,你可以接受默认设置
Angular 4环境准备与Angular cli创建项目详解
08-30
本篇文章将详细介绍如何准备Angular 4的开发环境以及使用Angular CLI来创建项目。 首先，开发环境的搭建至关重要。在开始之前，确保你的计算机上已经安装了Node.js和npm。如果还没有，可以通过官方网站下载安装。...
Angular7创建项目、组件、服务以及服务的使用
10-17
本文将详细介绍如何使用Angular7创建项目、组件、服务以及如何在组件中使用服务，为前端开发者提供一个完整的开发流程参考。 创建Angular项目需要先安装Angular CLI（命令行界面），可以通过npm安装： ```bash npm...
新建一个Angular项目
weixin_42274549的博客
08-04 192
终端运行命令ng new 项目名称 创建路由 y 选择css y 这时会以npm的方式装包,Ctrl+c 退安装 cd 到刚才创建的文件夹 用cnpm install 的方式进行安装 会快些 创建好后会运行在 localhost:xxxx，拷贝到浏览器打开，切换到移动端视图查看效果 ...
新建一个指定版本的angular项目
yesicatt的博客
02-18 2624
众所周知angular cli新建项目的命令是 ng new 【项目名称】 但这样只能创建固定版本的angular项目，也就是与你的全局angular cli版本所对应 1、查看本地angular版本 ng --version 2、安装想要的angular 版本 npm install -g @angular/cli@~12.2.0 3、创建项目 ng new test-12 ...
如何创建一个Angular项目（超简单）
庸人方自扰，自在就好
05-30 862
9、 如果你看到跟下图一样，说明你的Angular项目创建成功，在浏览器打开http://localhost:4200/便可看到创建好的Angular项目，至此，一个Angular项目创建完成！（用npm安装cnpm，将镜像源设置为国内镜像源，国内镜像源由taobao提供，有些软件可能在国外，有的时候可能需要翻墙，你就会下载比较慢，这个时候使用cnpm就比npm快）2、运行node -v和npm -v两条命令（检验是否下载成功Node.js）（查看安装的cnpm版本号，用于检查cnpm安装是否成功）
Angular Cli 创建并且运行项目
weixin_34107955的博客
12-31 346
1：进入cmd ，然后切换到自己项目的目录，如在D盘下的 angular2 Test 执行：ng new hello 2: 然后切换到 项目目录下执行: ng serve --open 这个时候 就会看到 浏览器自动打开了一个地址为：http://localhost:4200/ 截图如下，说明已经成功创建了 一个angular2 web项目了。 转载于:https://...
angular如何创建一个module文件
gxll499294075的博客
09-08 2700
1.创建module文件命令 ng generate module 文件名 2.修改创建的module文件 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { FormCheckComponent } from './form-check.compo...
angular的创建和引用命令
凉快
01-02 745
首先去官网下载nodejs，基本安装好nodejs就包含了npm工具。 进入cmd，找到你安装nodejs的路径： 1.查看你npm和nodejs的版本，如果正常显示版本号，则说明安装成功： npm -v node -v 2.使用npm命令创建angular的cli 文件： // 局部安装 npm install -g @angular/cli // 全局安装 npm inst...
ng 创建一个新项目
xunmeng2019的博客
02-22 1286
首先进入使用 Angular CLI 创建的应用程序目录，例如： $ cd my-app 然后运行： $ ng serve 当运行上面的命令后，将发生以下事情： Angular CLI 从 .angular-cli.json 文件中加载配置信息 Angular CLI 运行 Webpack 打包相关 JavaScript 和 CSS 文件 Angular CLI 启动 webpack dev se...
初学Ng—创建项目、组件
qq_36419247的博客
07-27 413
二.在 app目录下增加 pages（会自动被创建） 和 component 文件夹，存放页面 和 一般组件。注意：一旦挂载后，只能在挂载对象的层级(html)中使用该组件，不能越层。在angular中，可以使用 “模块、组件、路由” 的命令来快速创建文件及文件夹。任何创建的组件都要先指定被挂载对象，不然会报错。component 【不会引入其他子组件、ui组件的底层组件】【foot 就是指定的被挂载对象，可以理解为它的上一级 】，可以引入其他任何组件，但是要将其挂载到 mudule 中。
angular创建命令
海货
04-17 929
1：ng g service shared/product【文件夹/服务名称】
[Angular 基础] - 自定义指令，深入学习 directive
GoldenaArcher的博客
02-20 2580
这篇笔记的前置笔记为，对 Angular 的 directives 不是很了解的可以先过一下这篇笔记。
【Angular】创建一个Angular项目
最新发布
u013675821的博客
11-27 2175
创建一个 Angular 项目通常是使用 Angular 的 CLI（命令行界面）工具来完成的。Angular CLI 提供了非常强大的工具来简化 Angular 应用的开发、构建和测试。Angular CLI 会自动创建基本的端到端测试框架。：Angular 项目的配置文件，定义了项目结构、构建设置、开发服务器配置等。：npm 包管理配置文件，列出了项目的依赖、开发依赖以及脚本命令。：这个目录是应用的核心，包含了应用的所有组件、服务和模块等。：应用的入口文件，启动 Angular 应用并引导根模块。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值