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控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
JS组件Bootstrap Table使用实例分享
May 30 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
jQuery中Find选择器用法示例
Sep 21 Javascript
JavaScript使用Range调色及透明度实例
Sep 25 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
详解vue mint-ui源码解析之loadmore组件
Oct 11 Javascript
bootstrap fileinput插件实现预览上传照片功能
Jan 23 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
Feb 21 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 Javascript
JS实现打字游戏
Dec 17 Javascript
微信小程序实现搜索功能
Mar 10 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
Phpbean路由转发的php代码
2008/01/10 PHP
php 生成WML页面方法详解
2009/08/09 PHP
Zend Framework创建自己的动作助手详解
2016/03/05 PHP
PHP简单判断iPhone、iPad、Android及PC设备的方法
2016/10/11 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
javascript div 弹出可拖动窗口
2009/02/26 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
JS远程获取网页源代码实例
2013/09/05 Javascript
JS获取节点的兄弟,父级,子级元素的方法
2014/01/09 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
Node.js中常规的文件操作总结
2016/10/13 Javascript
NodeJS中的MongoDB快速入门详细教程
2016/11/11 NodeJs
video.js 实现视频只能后退不能快进的思路详解
2018/08/09 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
2019/04/17 Javascript
利用JavaScript将Excel转换为JSON示例代码
2019/06/14 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
vue实现购物车列表
2020/06/30 Javascript
Python中字典映射类型的学习教程
2015/08/20 Python
详解Java中一维、二维数组在内存中的结构
2021/02/11 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
常用的HTML5列表标签
2017/06/20 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
武汉英思工程科技有限公司–ORACLE面试测试题目
2012/04/30 面试题
会计系个人求职信范文分享
2013/12/20 职场文书
护士试用期自我鉴定
2014/02/08 职场文书
法制宣传教育方案
2014/05/09 职场文书
社区综治宣传月活动总结
2014/07/02 职场文书
教育专业毕业生推荐信
2014/07/10 职场文书
办公室班子四风问题对照检查材料
2014/10/04 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
python爬虫selenium模块详解
2021/03/30 Python
SpringBoot集成Redis的思路详解
2021/10/16 Redis