第一步安装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