angular4——安装

简介: 本文同样适用于NG4,最近开始学ng2了,前端小白一枚啊,做过安卓开发,做过java写的服务器啊,热爱前端啊,所以就开坑了,入坑之前建议先学下es6哦,学完后看下typescript哦,正所谓,前面基础不牢固,后面都是徒劳,还是花点时间学哦,不要跳哦ng2环境配置+创建工程+一些可能你们母鸡的点一、安装最新环境为什么是最新环境,按照官方文档嗦的,反正安装最新的避免如很多坑吧。

本文同样适用于NG4,最近开始学ng2了,前端小白一枚啊,做过安卓开发,做过java写的服务器啊,热爱前端啊,所以就开坑了,入坑之前建议先学下es6哦,学完后看下typescript哦,正所谓,前面基础不牢固,后面都是徒劳,还是花点时间学哦,不要跳哦

ng2环境配置+创建工程+一些可能你们母鸡的点

一、安装最新环境

为什么是最新环境,按照官方文档嗦的,反正安装最新的避免如很多坑吧。

去nodejs的官网下载node xxx.msi,楼主使用的机子是window机子哦,mac我母鸡哇。

下载完成后安装,可以不放C盘,也建议不要放C盘,然后后面就默认吧~

安装完成后 ctrl+r -> cmd ->进入cmd命令面板

输入

node -v
npm -v

然后成功显示如下,就证明你环境装成功啦。

这时候输入

path

能看到机子的环境变量,经过上面的两行,系统会自动吧node和npm的环境变量加进去~为什么将这个,为的是,假如!你遇到坑了,没办法了,要卸载node 和npm了,这个环境变量可以看出你卸载干净没,我们都知道,不卸载干净,啥子错都能有。

二、安装angular环境

首先安装TS的

npm install -g typescript typings

为啥安装它,ng2使用的开发语言是TS

接着安装angular-cli,按照官方文档嗦的,这是个工具,能够帮你快速创建ng2的工程,做个工程空架子吧,可以省很多事,这里,不建议使用cnpm,有人问,cnpm是啥子?

简单来说,就是为了方便中国开发者那啥的,你们懂得,淘宝做的一个链路,但是呢,下载的文件目录还有什么坑啊会一并出现,反正,使用npm是慢了很多,然鹅,没遇到什么坑呀~

npm install -g @angular/cli   

如果还是想用cnpm的话,可以走如下步骤

npm i -g cnpm
|cnpm i -g @angular/cli

楼主有话说:第一次用npm下载是慢了点,但是楼主发现,创建的工程是可以重复利用的,为啥这么说?有两种方式,一种就是你在new工程的时候,会卡顿安装工程所需要的那个文件:node_models这个文件,蛮久的吧,要是每次创建工程都要等辣么久不是很生气吗~可以直接跳过安卓node_models这步,复制以前创建的工程的node——moelds文件,这是大漠穷秋老师的方法,另外一个呢,我可能比较懒,直接整个工程赋值了,改了一下名字也可以使用哈

三、angular-cli的使用

cd到你想创建工程的文件目录里去

ng new 项目名 

然后就像上面嗦的,你可以选择等待,也可以选择复制,随你~

如果选择cmpn,那么创建工程完后需要

cnpm install //来安装依赖包

创建完工程后,那就是启动工程

cd angularProject 
ng serve(默认端口4200) --port 4201 可是设置启动端口
ng server --port 4201 --open 从4201端口自动在浏览器打开

然后在浏览器输入默认的端口或者你设置的端口,就可以看到效果啦

四、一些有的没得

npm uninstall -g @angular/cli //卸载angular-cli

反正后面要有坑,实在没办法了,要重新装一下了,用这个命令,或者这样

npm cache clearn

然后这里贴大漠穷秋老师的一个点造福道友哈哈哈

npm config list 
npm config set proxy = ""
npm delete proxy

 

后面陆续更博(╯3╰),不才,请笑纳,有错误请指点

 


更新:20171109

项目启动

ng server --open //自动打开浏览器并访问http://localhost:4200/

 

作者:承蒙时光
出处:http://www.cnblogs.com/timetimetime/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

相关文章
|
编解码 API 开发工具
|
8月前
|
JavaScript 前端开发 算法
Vue 3:下一代前端框架的革命性进化
Vue 3:下一代前端框架的革命性进化
525 103
|
8月前
|
安全 大数据 程序员
Python operator模块的methodcaller:一行代码搞定对象方法调用的黑科技
`operator.methodcaller`是Python中处理对象方法调用的高效工具,替代冗长Lambda,提升代码可读性与性能。适用于数据过滤、排序、转换等场景,支持参数传递与链式调用,是函数式编程的隐藏利器。
255 4
|
8月前
|
安全 测试技术 虚拟化
VMware-三种网络模式原理
本文介绍了虚拟机三种常见网络模式(桥接模式、NAT模式、仅主机模式)的工作原理与适用场景。桥接模式让虚拟机如同独立设备接入局域网;NAT模式共享主机IP,适合大多数WiFi环境;仅主机模式则构建封闭的内部网络,适用于测试环境。内容简明易懂,便于理解不同模式的优缺点与应用场景。
1183 0
|
人工智能 Cloud Native 调度
阿里云容器服务在AI智算场景的创新与实践
本文源自张凯在2024云栖大会的演讲,介绍了阿里云容器服务在AI智算领域的创新与实践。从2018年推出首个开源GPU容器共享调度方案至今,阿里云容器服务不断推进云原生AI的发展,包括增强GPU可观测性、实现多集群跨地域统一调度、优化大模型推理引擎部署、提供灵活的弹性伸缩策略等,旨在为客户提供高效、低成本的云原生AI解决方案。
|
机器学习/深度学习 存储 算法
基于Actor-Critic(A2C)强化学习的四旋翼无人机飞行控制系统matlab仿真
基于Actor-Critic强化学习的四旋翼无人机飞行控制系统,通过构建策略网络和价值网络学习最优控制策略。MATLAB 2022a仿真结果显示,该方法在复杂环境中表现出色。核心代码包括加载训练好的模型、设置仿真参数、运行仿真并绘制结果图表。仿真操作步骤可参考配套视频。
520 0
|
数据挖掘 索引 Python
Pandas中的Pivot:数据重塑的艺术
Pandas中的Pivot:数据重塑的艺术
482 0
|
运维 负载均衡 监控
同时设置两张网卡的接口跃点数:影响与优化分析
在现代网络中,服务器常配有多张网卡以提升性能和冗余。本文探讨了不同跃点数配置的影响及优化策略。首先介绍了跃点数的概念及其对数据传输效率的影响。接着分析了两张网卡跃点数差异可能导致的延迟增加、负载不均衡等问题,并提出了负载均衡、优先级设置、监控调整及故障转移等优化方法,帮助网络管理员实现高效稳定的通信。
|
机器学习/深度学习 存储 算法
latent space
【9月更文挑战第23天】
951 7
|
传感器 网络协议 Java
三大硬核方式揭秘:Java如何与底层硬件和工业设备轻松通信!
大家好,我是V哥。最近与一位从事工业互联网项目的学员交流,启发我分享Java如何与底层硬件和工业设备通信。本文将介绍三种方法:1)使用`jLibModbus`库通过Modbus协议读取设备寄存器数据;2)使用JNI(Java Native Interface)直接访问硬件;3)使用`JSerialComm`库通过串口通信读取数据。每种方法都有详细步骤和示例代码,帮助你轻松实现与硬件设备的通信。无论是工业自动化还是物联网应用,这些方法都能派上用场。欢迎关注和支持!
771 0

热门文章

最新文章