首页 > 其他分享 >angular开发从入门到入土第一节(angular环境搭建)

angular开发从入门到入土第一节(angular环境搭建)

时间:2022-12-24 03:44:05浏览次数:33  
标签:插件 框架 前端 第一节 入土 开发 angular 属性

第一步安装node(跳过)

第二部安装angular-cli

npm install -g @angular/cli

cmd 面板输入

ng verison

angular 脚手架安装成功

运行cli命令

ng new 工程名称

 这样就可以成功生成angular项目啦

我们来看看项目目录

 启动项目

ng serve

这时报了一个无法加载文件的错

 这时我们仅需打开window powershell 以管理员身份运行

 输入set-ExecutionPolicy RemoteSigned 选择A即可

set-ExecutionPolicy RemoteSigned

 这样就能成功运行angular项目啦

 最后在推荐两个angular开发非常好用的vs插件

1.Angular Schematics

这个插件可以非常轻松的创建angular模块,服务或其他angular开发常用模块。

 

 2.Angular Language Service

安装此插件后,在class类中的方法或是对象属性都可以在html中提示出来

举个栗子

 在appCompenent类中创建title属性和getTitle方法

在html中使用插值语法显示title.属性时不会有任何提示

 使用插件后,html模板会识别当前class类中的属性和方法,开发更加快捷

不仅属性可以提示出来

 

方法也可以

 

甚至方法返回值的属性也可以

 

结尾

1年angular框架使用,收获了很多了吧,前端框架三大框架目前学习了vue2 ,vue3(studying)和angular。严格意义讲,angular更像一种前端解决方案,提供了包括页面开发,请求,状态管理等一系列常用工具,使angular开发者在上手项目时不会因框架中的库不同,带来学习成本的增加。相比vue这既是angular优点也是angular缺点。使用vue的开发者可以灵活的引入各类库来进行开发,然而angular仅仅使用自带的模块开发即可,不用引入第三方模块。由于angular2断崖式升级,在加上vue的新兴,导致国内的angular开发环境很差,资料少,遇到问题时很难查找到有效的解决方法。但是angular对ts适配做的很棒,对于ts开发应该算是前端的一种趋势吧,前端三大框架全面拥抱ts,开发时提示也是非常方便,很多问题就可以在开发时暴露出来。如果你有幸也在学习前端,开发时请多思考代码,多重构代码,多看源码。

没有最好的技术,只有最合适的技术。加油!

标签:插件,框架,前端,第一节,入土,开发,angular,属性
From: https://www.cnblogs.com/lslhhh/p/17001937.html

相关文章