您的位置:首页 > Web前端 > AngularJS

如何快速搭建一个angular项目环境

2019-06-27 14:28 1246 查看

如何快速搭建一个angular项目环境

为什么使用angular

其实这个问题我没有太大发言权,主要是因为我实习的公司在使用它,于是只好自己开始学习。但在网上看到了很多关于angular的好处。分别以一下几点来说明。

  • 开箱即用
    angular经过了精心的前期设计,涵盖了开发中的各个层面,层与层之间都经过了调适。开发者不需要费时费力去组合,就能完成大部分的前端开发工作。

  • 可扩展
    一旦了解angular的基本原理,即便是复杂的angular程序,也可以很容易弄明白其中的运行方式,这就意味着可以轻易的改进应用程序,为用户创建新的功能。

  • 可维护
    angular应用程序易于调试和修复,这意味着长期维护工作得以简化。

  • 可测试
    angular对单元测试和端到端的测试都非常友好,这意味着可以先于用户发现并修复缺陷。

  • 兼容性良好
    angular利用最新的功能和流行的工具与框架。

快速上手

  1. 创建一个项目文件夹 ,用于保存你的项目;
  2. 打开命令操作符界面,将项目目录转到你的文件夹,如下图
  3. 在文件夹中创建你的第一个项目,输入以下指令,之后会出现如下界面
ng new angulardemo01			// angulardemo01是你的项目名称


这里是在问你在你最初创建项目的时候要不要加入路由,这里可以选也可以不选。

回车后出现如下界面,这是在询问你使用什么语言来设置样式,按上下箭头选择后回车就可以。

出现这个界面则代表它正在为你安装你项目所需依赖了。对于有些小伙伴来说npm可能非常慢,这时你就可以ctrl+c,之后输入 y 结束自动安装。
之后我们可以选择使用cnpm手动安装依赖。但首先不要忘了要cd到你的项目下。

  1. 安装成后在vscode(笔者用的这个)中打开项目
  2. 打开终端,输入以下指令
    ng serve --open //代表在默认浏览器中打开项目

    如果出现以下界面,那么恭喜你,你的第一个项目就搭建完成了!

    以上。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: