angular学习之从零搭建一个angular4.0项目

话说现在angular更新迭代太快了，从前几年用angular版本去搭建项目时还是1.x版本，到现在都已经是angular4.0了（直接跳过了3.0），由于公司要求用到angular4.0，所以就不能只是了解一下了，谁让我那么热爱学习了（咳咳！此处有一个推眼镜的动作），废话不多说，直接上手，首先用到的工具会有angular4.0、angular-cli、npm(v3.10.8)、node(v6.2.0)

上述node和npm包管理器版本是我本机的版本号，这个版本不要太低应该都没问题

angular脚手架各版本

node和npm版本

接着，新建一个文件夹，随便命名，我这里就起了一个angular4.0-demo，然后就可以愉快的安装所需要的工具了。

第一步

安装全局的angular-cli， npm install -g @angular/cli

第二步

查看各插件是否已经安装，ng -v会出来一堆东西，如第一个图所示！

第三步

生成项目 代码为：ng new 项目名称

第四步

现在已经创建完成了，cd进入项目，会看到一些这样的东西，说明已经创建完成了，接下来就是执行项目就可以了，跟vue2.0一样，此时执行用到的代码为：ng serve --open（和vue的npm run dev效果是一样，自动监听修改内容），这一点也是不同于angularjs（官方称1.x为angularjs，过了2.0就直接称为angular）

最后执行完之后就会弹出来一个页面，就是要生成的页面了

生成的页面

好了，那么基本的搭建已经完成了，去试试吧！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# angular项目搭建  # angularjs项目搭建  # angular4.0搭建项目  # Angular4学习笔记之准备和环境搭建项目  # Angular通过angular-cli来搭建web前端项目的方法  # 详解用webpack2搭建angular2的项目  # Angularjs---项目搭建图文教程  # 浅谈angular4实际项目搭建总结  # 完成了  # 就可以  # 就会  # 让我  # 会有  # 好了  # 过了  # 第一个  # 都没  # 下了  # 几年  # 弹出  # 就不能  # 咳咳  # 所示  # 管理器  # 多说  # 本机  # 所需要  # 第二步 

相关文章： 如何在宝塔面板中创建新站点？  宝塔建站助手安装配置与建站模板使用全流程解析  如何快速查询网址的建站时间与历史轨迹？  个人网站制作流程图片大全,个人网站如何注销？  如何快速搭建二级域名独立网站？  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  如何选择高效稳定的ISP建站解决方案？  javascript中的try catch异常捕获机制用法分析  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  Bpmn 2.0的XML文件怎么画流程图  如何通过VPS建站无需域名直接访问？  如何在腾讯云免费申请建站？  建站之星在线版空间：自助建站+智能模板一键生成方案  如何用好域名打造高点击率的自主建站？  建站主机空间推荐 高性价比配置与快速部署方案解析  建站主机服务器选型指南与性能优化方案解析  如何打造高效商业网站？建站目的决定转化率  网站制作软件有哪些,制图软件有哪些？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  如何通过云梦建站系统实现SEO快速优化？  ,有什么在线背英语单词效率比较高的网站？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  建站主机默认首页配置指南：核心功能与访问路径优化  如何批量查询域名的建站时间记录？  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  建设网站制作价格,怎样建立自己的公司网站？  如何零基础在云服务器搭建WordPress站点？  香港服务器租用费用高吗？如何避免常见误区？  黑客如何利用漏洞与弱口令入侵网站服务器？  在线制作视频的网站有哪些,电脑如何制作视频短片？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  制作网站怎么制作,*游戏网站怎么搭建？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  电商网站制作价格怎么算,网上拍卖流程以及规则？  建站之星如何取消后台验证码生成？  济南企业网站制作公司,济南社保单位网上缴费步骤？  建站之星如何快速更换网站模板？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  一键网站制作软件,义乌购一件代发流程？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  建站之星如何实现PC+手机+微信网站五合一建站？  建站VPS选购需注意哪些关键参数？  相册网站制作软件,图片上的网址怎么复制？  如何选择高效响应式自助建站源码系统？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  如何通过二级域名建站提升品牌影响力？