Angular2环境搭建具体操作步骤(推荐)
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环境搭建具体操作步骤(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
Angular2 环境配置详细介绍
看到angular发布正式版,心动不已准备测试下. 看着官网教程,使用了cli创建项目,在命令行中键入: 安装cli npm install -g angular-cli 如果安装过以前的版本,请执行以下命令,进行更新: npm uninstall -g angular-cli npm cache clean npm install -g angular-cli@latest 旧版本的cli使用的是SystemJS而最新的创建,是基于webpack构建. 旧版本的angular2(rc1-rc6
-
Angular2从搭建环境到开发步骤详解
Angular-CLI 说到 cli 大家不陌生,每出一个框架都会有对应的 cli ,俗称脚手架.angular2 本身提供了起步项目 angular2-quickstart,我尝试了一下,发现不是很好用,其它的大部分扩展需要自行安装,之后看了一下 angular-cli 部署简单易用,还提供了快捷搭建项目的目录. 安装 首先,最好先升级 node 到 6.x 可以避免 node 版本过低带来的不必要的麻烦. npm install -g angular-cli 用法 ng --help 查看所
-
Angular2环境搭建具体操作步骤(推荐)
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.
-
Node.js+Vue脚手架环境搭建的方法步骤
Node.js的下载 node下载地址:https://nodejs.org/zh-cn/download/ 下载后安装即可.新版Node.js自带npm包管理器 # 查看node的版本 node -v # v12.16.1 # 查看npm版本 npm -v #6.13.4 第一个Node.js程序,新建helloworld.js文件,内容如下 console.log("Hello World") console.log("第一个Node.js程序!") 进入终端
-
PyTorch在Windows环境搭建的方法步骤
一.安装Anaconda 3.5 Anaconda是一个用于科学计算的Python发行版,支持Linux.Mac和Window系统,提供了包管理与环境管理的功能,可以很方便地解决Python并存.切换,以及各种第三方包安装的问题. 二.下载和安装 个人建议推荐在清华的镜像来下载.选择合适你的版本下载,我使用的是Anaoonda3-5.1.0-Windows-x86_64.exe 可能安装速度有点慢,不太清楚是我电脑系统盘快慢的原因还是什么. 环境变量配置 将D:\ProgramData\Anac
-
MacBook M1 Flutter环境搭建的实现步骤
目录 一.基础环境搭建 git: Flutter SDK: CocoaPods: 二.安装IDE IDEA: Xcode: AndroidStudio: 三.跑一个app试试 最近入手了Apple M1,MacBook Air,由于之前未使用苹果系列产品,并且Flutter官方和各项配套的软件环境也还没有成熟,导致搭建环境时碰到了不少坑,这里总结记录一波,来看文档的同学,有不懂的地方直接发评论或者消息就好 一.基础环境搭建 git: 我是装完homebrew,git就装好了,homebrew的安
-
Python+Selenium自动化环境搭建与操作基础详解
目录 一.环境搭建 1.python安装 2.pycharm下载安装 3.selenium下载安装 4.浏览器驱动下载安装 二.Selenium简介 (1)SeleniumIDE (2)SeleniumRC (3)SeleniumWebDriver (4)SeleniumGrid 三.常用方法 1.浏览器操作 2.如何获取页面元素 3.查找定位页面元素的方法 4.操作方法 5.下拉框操作 6.WINDOS弹窗 7.iframe内嵌页面处理 8.上传文件 9.切换页面 10.截图 11.等待时间
-
windows server 2016 域环境搭建的方法步骤(图文)
目录 搭建环境准备 搭建主DC 搭建辅DC 搭建和配置DNS 搭建和配置DHCP 域内加入主机和用户 创建OU 设立GPO 本文主要记录一下自己搭建的一个域环境进行测试 搭建环境准备搭建主DC搭建辅DC搭建和配置DNS搭建和配置DHCP域内加入主机和用户创建OU设立GPO 搭建环境准备 DC1:windows server 2016主机A: windows 10主机B: windows 10DC2:windows server 2019(辅) 搭建主DC 1)windows server 201
-
详解.Net Core + Angular2 环境搭建
本文介绍了.Net Core + Angular2 环境搭建,具体如下: 环境搭建: 1)node.js版本>5.0,NPM版本>3.0,TypeScript版本>2.0(全装最新版就好了) 2)安装NTVS 1.2(node tools for vs),TSVS dev 1.4(TS for VS) 3)构建package.json,tsconfig.json,gulp.js文件 1.package.json { "name": "template.ang
-
Spring5.2.x 源码本地环境搭建的方法步骤
1 克隆Spring源码 github 下载可能较慢,可以先 fork 官方仓库到自己的账户下,再从 gitee 导入. 使用 sourceTree 拉取代码到本地. 切换到5.2.x版本 git checkout origin/5.2.x 添加阿里云镜像 将下面这行代码粘贴到build.gradle文件中的repositories节点下即可 , maven { url "http://maven.aliyun.com/nexus/content/groups/public" } 预先
-
基于Docker部署GitLab环境搭建的方法步骤
注意:建议虚拟机内存2G以上,一定要配置阿里云的加速镜像 1.下载镜像文件 docker pull beginor/gitlab-ce:11.0.1-ce.0 2.创建GitLab 的配置 (etc) . 日志 (log) .数据 (data) 放到容器之外, 便于日后升级 mkdir -p /mnt/gitlab/etc mkdir -p /mnt/gitlab/log mkdir -p /mnt/gitlab/data 3.运行GitLab容器 进入/mnt/gitlab/etc目录,运行一
-
selenium3.0+python之环境搭建的方法步骤
本文目标: 使用selenium3.0+python3操纵浏览器,打开百度网站.(相当于selenium的hello world) 环境基础:python3已安装,pycharm编辑器已安装. 第一步:安装selenium 打开cmd窗口,输入pip install selenium,然后回车. 第二步:安装WebDriver 1)下载WebDriver 由于selenium是通过调用浏览器的给的接口来操纵浏览器,所以WebDriver不统一,需要根据自己的浏览器登录相应的地址,下载最新的Web
随机推荐
- Java BigDecimal详解_动力节点Java学院整理
- iOS 图片加载框架SDWebImage解读
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 详谈PHP程序Laravel 5框架的优化技巧
- Pear DB 新手入门指南教程第1/3页
- Spring Java-based容器配置详解
- javascript 闭包详解及简单实例应用
- JavaScript基本语法_动力节点Java学院整理
- js 浏览本地文件夹系统示例代码
- linux下查看内存条数及每根内存大小的实现方法(推荐)
- jquery实现控制表格行高亮实例
- JQuery实现动态适时改变字体颜色的方法
- jQuery Study Notes学习笔记 (二)
- 详解JavaScript RegExp对象
- 由Apache 500错误引出的临时文件问题分析解决
- 浅谈golang的http cookie用法
- JavaScript的词法结构精华篇
- 小程序云开发之用户注册登录
- redis中热key问题该如何解决
- MySQL主从原理及配置详解