Angular2环境搭建具体操作步骤(推荐)


Posted in Javascript onAugust 04, 2017

01、安装Node.js 和 npm

安装完成后,在命令行依次使用node -v 和 npm -v可以看到版本号。

目前安装的node.js版本为8.2.1  ,npm的版本为5.3.0

02、安装cnpm

npm需要连接谷歌服务器,国内不能正常使用,因此使用淘宝的镜像安装cnpm。命令行输入npm i -g cnpm --registry=https://registry.npm.taobao.org  

03、安装Angular CLI

命令行输入cnpm i -g @angular/cli。

04、cnpm设置为默认包管理工具

命令行输入ng set --global packageManager=cnpm。

05、新建angular2工程

命令行输入ng new myApp,在命令行所在目录创建myApp工程。

06、启动工程

命令行进入工程目录cd myApp,输入ng serve  即可启动服务。

默认的监听端口为4200,在浏览器访问http://localhost:4200,可看到创建的网页,

如果需要更改端口号,可以在启动的时候设置ng serve --port 3000  这时候访问的时候就用浏览器访问http://localhost:3000

注意:如果想结束工程服务,可以使用ctrl+c    来选择是否结束。

使用ng serve 启动的好处是,当代码发生变化时,系统自动重新编译启动,并刷新浏览器,这样我们就可以实时的看到更改内容。

07、angular2的代码编辑官方推荐的是VS Code,自己可以去官网下载,下载后正常安装就好了。。

打开VS Code,菜单->文件->打开文件夹->选中myApp文件夹,即可打开编辑myApp工程。

08、在VS Code界面找到index.html可以随意修改一个标签内容,这个时候系统会自动编译刷新,界面会实时显示。

以上这篇Angular2环境搭建具体操作步骤(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
改进:论坛UBB代码自动插入方式
Dec 22 Javascript
javascript动画效果类封装代码
Aug 28 Javascript
javascript数组快速打乱重排的方法
Jan 02 Javascript
JS设置cookie、读取cookie、删除cookie
Apr 17 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
seajs学习之模块的依赖加载及模块API的导出
Oct 20 Javascript
基于模板引擎Jade的应用(详解)
Dec 12 Javascript
详解vuex状态管理模式
Nov 01 Javascript
vue指令做滚动加载和监听等
May 26 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 #Javascript
JavaScript中正则表达式判断匹配规则及常用方法
Aug 03 #Javascript
vue 2.0封装model组件的方法
Aug 03 #Javascript
jQuery实现上传图片前预览效果功能
Aug 03 #jQuery
详解基于vue的移动web app页面缓存解决方案
Aug 03 #Javascript
Bootstrap与Angularjs的模态框实例代码
Aug 03 #Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 #Javascript
You might like
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
PHP实现的简易版图片相似度比较
2015/01/07 PHP
js arguments.callee的应用代码
2009/05/07 Javascript
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
jquery 实现两级导航菜单附效果图
2014/03/07 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
2016/11/10 Javascript
React快速入门教程
2017/01/17 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
详解vue.js下引入百度地图jsApi的两种方法
2018/07/27 Javascript
vue props传值失败 输出undefined的解决方法
2018/09/11 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
Nodejs 微信小程序消息推送的实现
2021/01/20 NodeJs
[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程
2015/05/05 Python
Python中Class类用法实例分析
2015/11/12 Python
详解Python中 sys.argv[]的用法简明解释
2017/12/20 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
旅游管理专业生自荐信范文
2014/01/02 职场文书
行政管理专业求职信
2014/07/06 职场文书
领导班子自我剖析材料
2014/08/16 职场文书
2015年大学生入党自荐书
2015/03/24 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书
解决SpringBoot文件上传临时目录找不到的问题
2021/07/01 Java/Android