angular开发从入门到入土第一节(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,开发时提示也是非常方便,很多问题就可以在开发时暴露出来。如果你有幸也在学习前端,开发时请多思考代码,多重构代码,多看源码。
没有最好的技术,只有最合适的技术。加油!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
2020-12-24 ssm整合jsp
2020-12-24 Vue父组件调用子组件方法(栗子)
2020-12-24 element表格对不齐
2020-12-24 Cannot open URL. Please check this URL is correct: ssm整合tomcat