如何快速搭建一个angular项目环境
2019-06-27 14:28
1246 查看
如何快速搭建一个angular项目环境
为什么使用angular
其实这个问题我没有太大发言权,主要是因为我实习的公司在使用它,于是只好自己开始学习。但在网上看到了很多关于angular的好处。分别以一下几点来说明。
-
开箱即用
angular经过了精心的前期设计,涵盖了开发中的各个层面,层与层之间都经过了调适。开发者不需要费时费力去组合,就能完成大部分的前端开发工作。 -
可扩展
一旦了解angular的基本原理,即便是复杂的angular程序,也可以很容易弄明白其中的运行方式,这就意味着可以轻易的改进应用程序,为用户创建新的功能。 -
可维护
angular应用程序易于调试和修复,这意味着长期维护工作得以简化。 -
可测试
angular对单元测试和端到端的测试都非常友好,这意味着可以先于用户发现并修复缺陷。 -
兼容性良好
angular利用最新的功能和流行的工具与框架。
快速上手
- 创建一个项目文件夹 ,用于保存你的项目;
- 打开命令操作符界面,将项目目录转到你的文件夹,如下图
- 在文件夹中创建你的第一个项目,输入以下指令,之后会出现如下界面
ng new angulardemo01 // angulardemo01是你的项目名称
这里是在问你在你最初创建项目的时候要不要加入路由,这里可以选也可以不选。
回车后出现如下界面,这是在询问你使用什么语言来设置样式,按上下箭头选择后回车就可以。
出现这个界面则代表它正在为你安装你项目所需依赖了。对于有些小伙伴来说npm可能非常慢,这时你就可以ctrl+c,之后输入 y 结束自动安装。
之后我们可以选择使用cnpm手动安装依赖。但首先不要忘了要cd到你的项目下。
- 安装成后在vscode(笔者用的这个)中打开项目
- 打开终端,输入以下指令
ng serve --open //代表在默认浏览器中打开项目
如果出现以下界面,那么恭喜你,你的第一个项目就搭建完成了!
以上。
相关文章推荐
- Jenkins——如何快速搭建一个简单的基于 Jenkins 的持续集成环境
- DJango-如何快速准备Python虚拟开发环境并快速定制一个项目
- 在Linux环境下快速搭建一个javaweb项目网站(阿里云ubuntu)
- 如何快速搭建一个CakePHP项目
- [置顶] 如何搭建一个 Data Guard 环境
- 如何搭建一个 Data Guard 环境
- 快速搭建Web环境 Angularjs + Express3 + Bootstrap3
- 如何快速搭建java开发环境
- 如何搭建一个 Data Guard 环境
- Unity插件之Kolmich(教你如何快速搭建一个完整的小地图)
- 转: 如何快速学习一个开源项目源码?
- 如何快速上手一个新项目
- 重新安装一个linux系统后如何快速搭建可用于开发板nfs挂载根文件系统的过程
- 如何搭建一个 Data Guard 环境
- Grunt学习笔记之开发环境的搭建与创建一个基本的项目
- 如何在github上展示作品——为你的项目生成一个快速访问的网址如(DaisyWang88.github.io)
- 我是如何进行Spring MVC文档翻译项目的环境搭建、项目管理及自动化构建工作的