所在的位置: js >> js介绍 >> Angularjs框架基础

Angularjs框架基础

白癜风微信交流群 http://liangssw.com/bozhu/12962.html
本文章会带你了解一下angular.js的基础框架,在开始之前,请确保你的开发环境包含了node.js和npm包管理器node.jsangular需要node.js的8.x或者10.x版本先要检查你的版本,请在终端窗口运行node-v命令要想安装node.js,请访问nodejs.orgnpm包管理器Angular,AngularCLI和Angular应用都依赖某些库所提供的性能和功能,他们都是npm包,要下载和安装npm包,你必须拥有一个npm包管理器要想检查你是否安装了npm客户端,请在终端/控制台窗口运行npm-v命令第一步:安装AngularCLI你要是用Angularcli来创建项目,创建应用和库代码,并执行多种开发任务,比如测试,打包和发布全局安装AngularCLI想要使用npm来安装CLI,请打开终端窗口,并输入下列命令:npminstall-g

angular/cli第二步:创建工作区和初始应用angular工作区就是开发应用的上下文环境,每个工作区包含了一些共一个或多个项目使用的文件每个项目都是一组由应用,库或端到端(e2e)测试构成的文件想要创建工作区和初始应用项目①运行CLI命令ngnew,并提供一个名字my-app,如下所示:ngnewmy-app②ngnew会提供你要把哪些特性包含在初始的应用项目中,请按回车键接受确认值AngularCLI柜安装一些必要的Angularnpm包及其它依赖,这可能要花几分钟还创建下列工作区和初始项目文件:一个新的工作区,根目录名叫my-app一个出事的骨架应用项目,也叫my-app(但位于src子目录下)一个端到端测试项目相关的配置文件初始的应用项目是一个简单的“欢迎”应用,随时可以运行它第三步:启动开发服务器Angulwar包含一个开发服务器,以便你能轻易的在本地构建应用和启动开发服务器①进入工作区目录②使用CLI命令ngserve启动开发服务器,并带上--open选项cdmy-appngserve--openngserve命令会自动开发服务器,并监视你的文件变化,当你修改这些文件时,它就会重新构建应用--open(或只用-o)选项会自动打开浏览器,并访问


转载请注明:http://www.aierlanlan.com/rzfs/517.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了