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 相关文章推荐
JS焦点图切换,上下翻转
May 12 Javascript
JQuery对class属性的操作实现按钮开关效果
Oct 11 Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
Sep 04 Javascript
使用Web Uploader实现多文件上传
Jun 08 Javascript
Angular X中使用ngrx的方法详解(附源码)
Jul 10 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
Jan 23 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
vue写h5页面的方法总结
Feb 12 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
Aug 05 Javascript
详解用js代码触发dom事件的实现方案
Jun 10 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 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
php学习笔记 数组的常用函数
2011/06/13 PHP
PHP实现多图片上传类实例
2014/07/26 PHP
Zend Framework教程之Zend_Db_Table_Row用法实例分析
2016/03/21 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
七种PHP开发环境搭建工具
2020/06/28 PHP
javascript 多级checkbox选择效果
2009/08/20 Javascript
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
详解AngularJS Filter(过滤器)用法
2015/12/28 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
react项目实践之webpack-dev-serve
2018/09/14 Javascript
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
举例讲解Python中的list列表数据结构用法
2016/03/12 Python
python-opencv在有噪音的情况下提取图像的轮廓实例
2017/08/30 Python
Python实现的对本地host127.0.0.1主机进行扫描端口功能示例
2019/02/15 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
HTML5本地存储和本地数据库实例详解
2017/09/05 HTML / CSS
凯特·丝蓓英国官网:Kate Spade英国
2016/11/07 全球购物
一份比较全的PHP面试题
2016/07/29 面试题
高中同学聚会邀请函
2014/01/11 职场文书
捐款倡议书范文
2014/02/02 职场文书
人事文员岗位职责
2014/02/16 职场文书
高中运动会广播稿
2014/09/16 职场文书
关于感谢信的范文
2015/01/23 职场文书
中学推普周活动总结
2015/05/07 职场文书
个人向公司借款协议书
2016/03/19 职场文书
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS