首页 > 其他分享 >angular初识

angular初识

时间:2023-08-18 10:11:05浏览次数:45  
标签:npm -- serve ng 初识 open angular

电脑环境

已安装node和npm,其中node是通过nvm管理的,参考:https://www.cnblogs.com/PrintY/p/16892116.html

1、安装脚手架

npm install -g angular-cli

测试安装结果

ng -v

运行项目

修改package.json(非必须)

//加上--open,启动项目打开浏览器
"start": "ng serve --open",

vscode中运行

npm run start

cmd窗口运行

//打开项目目录
cd project_name
//启动服务并打开浏览器
ng serve --open

报错如下:

解决如下:

启动成功

标签:npm,--,serve,ng,初识,open,angular
From: https://www.cnblogs.com/PrintY/p/17639658.html

相关文章

  • Angular 应用启用 PWA 特性的 Angular CLI 命令行
    ngadd@angular/pwa--project<project-name>这条命令在AngularCLI中,是用于将一个标准的Angular应用程序转化为一个渐进式网页应用(PWA,ProgressiveWebApp)的命令。首先,我们需要理解PWA是什么。PWA是一种可以提供类似于原生应用体验的网页应用。它可以在离线时工作,可被......
  • PHP反序列化漏洞笔记(一):初识序列化
    PHP类与对象类:一组共享相同结构和和行为的对象集合对象:类的实例使用new的关键字Phpmagic函数在PHP中,魔术方法(MagicMethods)是一组特殊的函数,它们以双下划线(__)作为前缀来命名。这些函数在特定的情况下会自动调用,以执行一些特定的操作。以下是一些常用的魔术方法:实践:自动化的操作:......
  • 初识Hadoop
    Hadoop生态系统 资源调试系统YARNHDFS写入数据流程图 HDFS原理漫画    结语学习没有捷径,一步一个脚印! ......
  • 初识C语言1
    #什么是C语言?#c语言是一门机器语言,高级语言,面向过程的语言。#C语言的数据类型#char字符型1byteshort短整型2byteint整型4bytelong长整型4/8bytelonglong长整型8bytefloat浮点型......
  • 初识Go(Golang)语言(2)
    初识Go(Golang)语言(2)Go开发工具的使用1.vscode使用直接下载vscode(免费软件),在内部下载golang语言插件,即可使用。2.JetBrains全家桶之(Goland[IDE]),永久免费"试用"。下方仅供参考,过期了就过期了。一般所有去哪佳通都可以使用。(个人推荐第二种) (1.)https://www.only4.work/blog/?id......
  • 在Angular项目中如何读取json文件呢?
    直接进入主题,我们的最终目得是要读取文件,那么首先我们需要先创建文件,第一步:创建我们今天所需要在assets创建需要读取的文件Message.json,如下:[{"id":"E0001","msg":"{0}の取得に失敗しました。"},{"id":"E0002",&quo......
  • 关于Angular路由中CanActivateChild钩子的用法
    CanActivateChild和CanActivate的用法如出一辙,使用对象可能有所不同,例如说CanActivate一般的使用对象要么是兄弟平级关系,要么就是嵌套在CanActivateChild父级下的子路由。具体使用实例:constroutes:Routes=[{path:'home',component:HomeComponent,canActivateChild:[......
  • 《angular 高级编程》学习集锦
    引用bootstrapnpminstallbootstrap在angular.json配置文件中,把关联的脚本文件添加到"scripts"数组中:最后再运行或重启ngserve,看看你的应用是否正在使用Bootstrap4。参考:https://angular.cn/guide/using-libraries......
  • Angular如何创建路由以及如何配置路由导航
    废话不多说直接进入正题,首先要创建好项目。第一步:安装Angular路由输入以下指令npminstall@angular/router第二部:通过指令创建Angular路由守卫nggguardguards/auth(自定义名字)第二部:在module文件里面导入①路由导航组件②其他类组件,之后再NgModule({declarations:......
  • pinia状态管理初识
    一款官方推荐的,代替vuex的,新的状态管理工具。官方网:https://pinia.vuejs.org/zh/introduction.html主要区别:去除了modules的概念,每个store都是独立的一个模块。再也不用namespace:true了。。。合并了vuex中的mutation和actions,只剩下actions,可以在actions中操作state数据,且......