windows 搭建 angular2 开发环境--白纸新手可以参考一下

时间:2022-09-06 14:21:36

初次接触angular,感觉接触一项新的东西真的是很艰难,自从听我朋友说起angular,就对这个东西产生了一些兴趣,就开始研究,经过艰辛的各种查资料各种头痛,终于是把这环境给搭上了·最起码是可以运行dome了·希望大神看了别喷,我属于初学者。如有不对的地方,还请大家指出批评,好了,下边咱们开始吧。

首先我的电脑是wind7系统,从头开始吧,首先安装 git(自行网上搜索),https://git-for-windows.github.io/  。angular依赖于 node和 npm环境, node的下载url :https://nodejs.org/en/download/ 根据自己系统的需要下载,我的系统是32位的,Windows Installer (.msi),下面下载完之后,安装node,如果有不清楚安装的小伙伴 可以去搜索node安装步骤根据步骤去安装就可以了·强调一下  .msi格式的 可以免配置环境变量,node安装会自带npm的安装,不过 npm可能会有些问题·使用的时候可能会比较慢或者会报很多的错误,可能是因为国外的网站愿意,建议安装 淘宝镜像cnpm。

下面我们要下载一个代码编辑器,我使用的是 Subline-Text3,这款工具还是比较好的,也有很多的工具可以使用。

我们去网上搜索angular2 dome,会看到很多的例子,例如:

windows 搭建 angular2 开发环境--白纸新手可以参考一下

打开我们的控制台:开始-->git-->git cmd 回车,这里介绍一下几个简单的命令,d:(表示定位到D盘),dir 表示查看当前盘符下的文件,好了·我们在D盘创建一个 文件夹名字叫做 angularDome

windows 搭建 angular2 开发环境--白纸新手可以参考一下

OK,然后我们定位到我们创建过的文件夹 输入命令:cd angularDome 回车,我们在此目录下去克隆刚才的那个网上搜的dome的地址,例:git clone https://github.com/imifan/mifan/tree/master/app

我们将会把这个项目克隆到了我们的本地文件中,此dome 可能和其它的有些区别,我没找到昨天的那个dome,我简单说一下,克隆下来的dome中会有一个 package.json文件,这里边是配置的我们所需要的包文件,我们可以通过 npm install 去下载这些包。然后我们需要安装服务器, 通过命令  npm install -g http-server  安装服务,我们会看到我们要预览的地址为 localhost:8080,接下来我们要启动服务,定位到我们的项目所在,使用命令:http-server ,我们的服务将会启动,通过浏览器localhost:8080 就可以加载出dome的效果。

下面将我们的dome导入到开发工具,打开 subline text3   File --> open folder,找到我们的dome路径,加载进来。你就可以开始进行下一步angular的新进程了·

windows 搭建 angular2 开发环境--白纸新手可以参考一下的更多相关文章

  1. Windows搭建python开发环境,python入门到精通[一]

    从大学开始玩python到现在参加工作,已经有5年了,现在的公司是一家.net的公司用到python的比较少,最近公司有新项目需要用到python,领导希望我来跟其他同事training,就有了这篇博 ...

  2. Windows搭建python开发环境

    python你不去认识它,可能没什么,一旦你认识了它,你就会爱上它 基本概念Python(英语发音:/ˈpaɪθən/), 是一种面向对象.解释型计算机程序设计语言,由Guido van Rossum ...

  3. 十分钟上手-搭建vue开发环境(新手教程)

    想写一些关于vue的文章已经很久了,因为这个框架已经火了很久,在公司里用的框架都比较老旧,但怎么也得跟上前端发展变化的潮流,这不,开始使用vue开发项目了,一遍开发一边踩坑中,今天要记录的是五分钟搭建 ...

  4. Angular2入门系列教程1-使用Angular-cli搭建Angular2开发环境

    一直在学Angular2,百忙之中抽点时间来写个简单的教程. 2016年是前端飞速发展的一年,前端越来越形成了(web component)组件化的编程模式:以前Jquery通吃一切的田园时代一去不复 ...

  5. Windows搭建react-native开发环境

    一.目标平台 windows+android 1. 必须软件 python2+ nodejs npm 2. 安装react-native命令行 $ npm install -g react-nativ ...

  6. windows搭建gcc开发环境(msys2) objdump

    前言 可能你并不太了解msys2,但是作为一个程序员,你一定知道mingw,而msys2就集成了mingw,同时msys2还有一些其他的特性,例如包管理器等. msys2可以在windows下搭建一个 ...

  7. Windows搭建flutter开发环境以及android&idea配置

    Flutter:是谷歌新推出的一款能够支持Android和IOS跨平台开发的全新的UI框架. 拥有自己的一套UI渲染引擎,所以目前的测试数据来看,在性能上面,并没有比原生App性能低多少,所以目前来看 ...

  8. Mac下Android studio搭建Android开发环境【新手】

    上学期用的还是windows,这学期新入手了mac,突然也想装个Android studio来玩玩.安装过程中出现了问题,记录如下. 先是装安卓studio的下载链接,不推荐去官网装,这里提供一个挺好 ...

  9. 【大数据系列】windows搭建hadoop开发环境

    一.安装JDK配置环境变量 已经安装略过 二.安装eclipse 已经安装略过 三.安装Ant 1.下载http://ant.apache.org/bindownload.cgi 2.解压 3.配置A ...

随机推荐

  1. [转]Unicode utf8等编码类型的原理

    FROM:http://www.cnblogs.com/daxiong2014/p/4768681.html 1.ASCII码          我们知道,在计算机内部,所有的信息最终都表示为一个二进 ...

  2. zepto区别于jquery获取select表单选中的值

    在jquery下,我们获取select表单选中的值通常是通过$('select').val()来实现,这样的方式简单又明了,或者通过$('select option[selected]').text( ...

  3. inputType属性

    android中inputType属性在EditText输入值时启动的虚拟键盘的风格有着重要的作用.这也大大的方便的操作.有时需要虚拟键盘只为字符或只为数字.所以inputType尤为重要.<E ...

  4. java web 开发 购物车功能的实现

    为了方便自己以后复习,所以写的比较仔细,记录下自己的成长..... 既然是做购物车,那么前提条件是首先需要一系列商品,也就是要建一个实体,这里建了一个商品表. 通过查询在浏览器上显示 基本显示已经做好 ...

  5. DSO激活时,生成主数据SID时报错:原因,主数据允许小写字母没有勾上

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  6. 信息熵(Entropy)究竟是用来衡量什么的?

    信息熵(Entropy)究竟是用来衡量什么的? ——与Philip ZHANG商榷 思明 Philip ZHANG先生在反驳彭小明的时候,提出一个观点,他说:“ 就语言文 字来说,总体效率不是用民族主 ...

  7. Bug记载1之webpack本地安装

    当我安装前端打包工具webpack时,cmd命令出现了这么一句关键性的提示: npm ERR ! Refusing to install package as a dendency of itself ...

  8. hive Caused by&colon; java&period;lang&period;RuntimeException&colon; Unable to instantiate org&period;apache&period;hadoop&period;hive&period;ql&period;metadata&period;SessionHiveMetaStoreClient

    Exception in thread "main" java.lang.RuntimeException: org.apache.hadoop.hive.ql.metadata. ...

  9. 精确率、准确率、召回率和F1值

    当我们训练一个分类模型,总要有一些指标来衡量这个模型的优劣.一般可以用如题的指标来对预测数据做评估,同时对模型进行评估. 首先先理解一下混淆矩阵,混淆矩阵也称误差矩阵,是表示精度评价的一种标准格式,用 ...

  10. jenkins 执行python脚本 断言失败就可以构建失败

    可以配合try: 那个语句去搭配