【重要】ionic和Angular的安装步骤
首先搭建好npm和node环境的最新版本安装::
一:开始安装ionic:
1. npm install -g ionic(全局安装ionic)
2. ionic start 新建的项目名称 +模板样式 【创建的新项目+ 5选1模板样式】
3. cd 新建的项目名称 (切换到--新建的项目名称目录下)
4. ionic serve (启动服务)
5. ionic build (打包ionic)
//【新建项目时】,在ionic中提供了【5种多样的模板】:
ionic start 新建的项目名称 + (可选参数---例tabs)
1·tabs :一个简单的3选项卡布局
2·sidemenu:侧面有可滑动菜单的布局
3·blank:一个单独的启动器
4·super:启动项目超过14个可以使用的页面设计
5·tutorial: 一个引导项目
//使用ionic命令生成一个【news新闻页面】 g:generate
ionic g page news
//使用ionic命令生成一个【news新闻模块】 g:generate
ionic g component news
总结:Ionic CLI 可以生成 :(例:ionic g page news--->指创建一个新的页面/组件 )
pages, providers, tabs, pipes, components,directives等。
二:首先搭建好npm和node环境的最新版本安装::
开始安装 Angular::
1·npm install -g @angular/cli (全局安装 Angular CLI)
2·ng new 新建项目名称 (创建新项目)
3·cd 新项目名称 (切换到新项目目录)
4·ng serve --open 或者 ng serve --o(启动服务器)
三:开始安装并使用typescript:
1.使用npm安装::
npm install -g typescript
2.构建第一个typescript文件::
命名为 test.ts文件,写入一下内容:
function greeter(person) {
return "Hello, " + person;
}
var user = "Jane User";
document.body.innerHTML = greeter(user);
3.编译 .ts文件:
执行命令行输入: tsc test.ts
可以自动将 test.ts文件转化为同名的 test.js文件
4. 使用::
创建有个html文件,引入test.js文件即可!!
【重要】ionic和Angular的安装步骤的更多相关文章
- Ionic简介和环境安装
什么是Ionic Ionic是一个用来开发混合手机应用的,开源的,免费的代码库.可以优化html.css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化.ioni ...
- 如何搭建SVN服务器,详细安装步骤。
SVN服务器端安装 下载: VisualSVN是一款图形化svn服务器.官网 http://www.visualsvn.com/server/ 下载地址: http://www.visualsvn.c ...
- arcgis10.2.2桌面版具体的安装步骤过程
先声明一下,这里的截图虽说是ArcGIS10.1版本的,但是安装步骤是对的,本人用ArcGIS10.2.2软件测试成功安装上 一.ArcGIS许可证管理器安装 1.在软件包文件夹license man ...
- LoadRunner 11 安装步骤
loadrunner 安装步骤: LoadRunner11下载: 在网上可以搜索到,在这个就不提供了. LoadRunner11原理: 破解方法和以前版本相同,我用的是LR8.0的破解文件,同样实用 ...
- MySQL安装步骤
MySQL安装步骤 1. 下载MySQL Community Server 5.6.21,注意选择系统类型(32位/64位) 2. 解压MySQL压缩包 将以下载的MySQL压缩包解压到自定义目录下. ...
- Java开发工具安装步骤内容如下
Java开发工具安装步骤内容如下 安装 开发工具 STS 链接下载网址 eclipse 链接下载网址 JDK安装 jdk链接下载地址 Marven环境 marven链接下载地址 Tomcat tomc ...
- PhantomJS linux系统下安装步骤及使用方法(网页截屏功能)
PhantomJS 是一个基于 WebKit 的服务器端 JavaScript API.它全面支持web而不需浏览器支持,其快速,原生支持各种Web标准: DOM 处理, CSS 选择器, JSON, ...
- MySQL5.6安装步骤
MySQL5.6安装步骤(windows7/8_64位) 1. 下载MySQL Community Server 5.6.11 2. 解压MySQL压缩包 将以下载的MySQL压缩包解压到自定义目录下 ...
- ArcSDE安装步骤及问题
ArcSDE安装步骤及问题 自己在安装ArcSDE的时候遇到了一些问题,现在将详细的安装过程和遇到的问题记在这里,以备以后使用. 1. 安装Oracle: 2. 安装ArcSdeOracle10g: ...
随机推荐
- SIFT解析(二)特征点位置确定
最近微博上有人发起投票那篇论文是自己最受益匪浅的论文,不少人说是lowe的这篇介绍SIFT的论文.确实,在图像特征识别领域,SIFT的出现是具有重大意义的,SIFT特征以其稳定的存在,较高的区分度推进 ...
- effective C++笔记-2
6:析构函数使用 1.如果一个基类是为了多态用途,那么就应该有一个虚析构函数. 2.如果一个类中有虚函数,那么就应该就有一个虚的析构函数. 3.如果一个基类中不是为了多态的用途,或者不作为基类来使用, ...
- Qt Creator 整合 python 解释器教程
目录 1. 前言 2.前提条件 3.步骤 3.1 新建 python文件 3.2 编写 python 代码 3.3 配置 python 解释器 3.4 执行 python file 1. 前言 Pyt ...
- C#调用WebService时插入cookie
SOAPUI插入Cookie的方法 SOAP插入cookie的方法如下,点击Head,点击加号,然后直接设置就可以了. C#中调用webService时插入Cookie 由于调用的时候必须要带上coo ...
- 最短路径问题(dijkstra-模板)
#include<bits/stdc++.h> using namespace std; ][]; ]; ]; ][]; int n,x,y,s,m,e; int k; double mi ...
- WaitForSingleObject函数
WaitForSingleObject函数 VC声明 DWORD WaitForSingleObject( HANDLE hHandle, DWORD dwMilliseconds ); VB声明 D ...
- 利用 DirectShow 开发自己的 Filter
学习directshow已经有几天了,下面将自己的学习心得写下来,希望对其他的人有帮助. Filter实质是个COM组件,所以学习开发Filter之前你应该对com的知识有点了解.Com组件的实质是一 ...
- FusionCharts重写单系列图
/** * @Title:FusionChart.java * @Package:com.yhd.chart.model * @Description:封装FusionChart单系列图 * @aut ...
- CAN总线基础知识(二)
CAN协议和标准规范 1 由ISO标准化的CAN协议 CAN协议已经由ISO标准化,有2个版本,如ISO11898和ISO11519-2,它们之间在数据链路层没什么不同,但是在物理层有些区别. (1) ...
- visual studio 2010 Error: IntelliSense: identifier "DWORD" is undefined
在自己工程里,添加别的工程文件时,出现改错误 解决方法 在文件前添加: using namespace std; 参考: http://www.programgo.com/article/502412 ...